1. 程式人生 > 實用技巧 >文字框——只能在貼上“僅由數字組成的字串”P425

文字框——只能在貼上“僅由數字組成的字串”P425

<!DOCTYPE html>
<html>
<head>
    <title>文字框剪貼簿示例</title>
    <script type="text/javascript" src="EventUtil.js"></script>
</head>
<body>
    <p>文字框——只能在貼上“僅由數字組成的字串”。</p>
    <form method="post" action="javascript:alert('Form submitted!')"
id="myForm"> <div> <label for="txtPhone">鍵入電話號碼:</label><br> <input type="text" id="txtPhone" name="phone" value=""> </div> </form> <script type="text/javascript"> (function(){
var textbox = document.getElementById("txtPhone"); EventUtil.addHandler(textbox, "paste", function(event){ event = EventUtil.getEvent(event); var text = EventUtil.getClipboardText(event); if (!/^\d*$/.test(text)){ EventUtil.preventDefault(event); } }); })();
</script> </body> </html>