[教學]HTML-textbox只能輸入數字(不能輸入英文、符號)－一個小小工程師的心情抒發天地

紅色字就是關鍵啦!!!

其他補充

常用HTML正則表達式
　　

1.只能輸入數字和英文的：
　　 <input onkeyup="value=value.replace(/[\W]/g,'') "
　　 onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
　　 ID="Text1" NAME="Text1">
　　

2.只能輸入數字的：
　　 <input onkeyup="value=value.replace(/[^\d]/g,'') "
　　 onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
　　 ID="Text2" NAME="Text2">
　　

3.只能輸入全角的：
　　 <input onkeyup="value=value.replace(/[^\?-\?]/g,'')"
　　 onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\?-\?]/g,''))"
　　 ID="Text3" NAME="Text3">
　　

4.只能輸入漢字的：
　　 <input onkeyup="value=value.replace(/[^\一-\龥]/g,'')"
　　 onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\一-\龥]/g,''))"
　　 ID="Text4" NAME="Text4">
　　

5.郵件地址驗證：
　　 var regu =
　　 "^(([0-9a-zA-Z]+)|([0-9a-zA-Z]+[_.0-9a-zA-Z-]*[0-9a-zA-Z]+))@([a-zA-Z0-9-]+[.])+([a-zA-Z]{2}|net|NET|com|COM|gov|GOV|mil|MIL|org|ORG|edu|EDU|int|INT)$"
　　 var re = new RegExp(regu);
　　 if (s.search(re) != -1) {
　　 return true;
　　 } else {
　　 window.alert ("請輸入有效合法的E-mail地址！")
　　 return false;
　　 }
　　

6.身份證：
　　 "^\\d{17}(\\d|x)$"
　　 7.17種正則表達式
　　 "^\\d+$"//非負整數（正整數 + 0）
　　 "^[0-9]*[1-9][0-9]*$"//正整數
　　 "^((-\\d+)|(0+))$"//非正整數（負整數 + 0）
　　 "^-[0-9]*[1-9][0-9]*$"//負整數
　　 "^-?\\d+$"//整數
　　 "^\\d+(\\.\\d+)?$"//非負浮點數（正浮點數 + 0）
　　 "^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$"//正浮點數
　　 "^((-\\d+(\\.\\d+)?)|(0+(\\.0+)?))$"//非正浮點數（負浮點數 + 0）
　　 "^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$"//負浮點數
　　 "^(-?\\d+)(\\.\\d+)?$"//浮點數
　　 "^[A-Za-z]+$"//由26個英文字母組成的字符串
　　 "^[A-Z]+$"//由26個英文字母的大寫組成的字符串
　　 "^[a-z]+$"//由26個英文字母的小寫組成的字符串
　　 "^[A-Za-z0-9]+$"//由數字和26個英文字母組成的字符串
　　 "^\\w+$"//由數字、26個英文字母或者下劃線組成的字符串
　　 "^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$"//email地址
　　 "^[a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?$"//url
　　

=============================================
　　 1.取消按鈕按下時的虛線框
　　在input裏添加屬性值 hideFocus 或者 HideFocus=true
　　
　　 2.只讀文本框內容
　　在input裏添加屬性值 readonly
　　
　　 3.防止退後清空的TEXT文檔(可把style內容做做爲類引用)
　　 <INPUT style=behavior:url(#default#savehistory); type=text
　　 id=oPersistInput>
　　
　　 4.ENTER鍵可以讓光標移到下一個輸入框
　　 <input onkeydown="if(event.keyCode==13)event.keyCode=9" >
　　
　　 5.只能爲中文(有閃動)
　　 <input onkeyup="value="/value.replace(/[" -~]/g,’’)"
　　 onkeydown="if(event.keyCode==13)event.keyCode=9">
　　
　　 6.只能爲數字(有閃動)
　　 <input onkeyup="value="/value.replace(/["^\d]/g,’’)
　　 "onbeforepaste="clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^\d]/g,’’))">
　　
　　 7.只能爲數字(無閃動)
　　 <input ime-mode:disabled"
　　 onkeydown="if(event.keyCode==13)event.keyCode=9" onKeyPRess="if
　　 ((event.keyCode<48 || event.keyCode>57)) event.returnValue=false">
　　
　　 8.只能輸入英文和數字(有閃動)
　　 <input onkeyup="value="/value.replace(/[\W]/g,"’’)"
　　 onbeforepaste="clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^\d]/g,’’))">
　　
　　 9.屏蔽輸入法
　　 <input type="text" name="url" ime-mode:disabled"
　　 onkeydown="if(event.keyCode==13)event.keyCode=9">
　　
　　 10. 只能輸入數字，小數點，減號（-）字符(無閃動)
　　 <input onKeyPress="if (event.keyCode!=46 && event.keyCode!=45 &&
　　 (event.keyCode<48 || event.keyCode>57)) event.returnValue=false">
　　
　　 11. 只能輸入兩位小數，三位小數(有閃動)
　　 <input maxlength=9
　　 onkeyup="if(value.match(/^\d{3}$/))value="/value.replace(value,parseInt(value/10))"
　　 ;value="/value.replace(/\.\d*\./g,’."’)" onKeyPress="if((event.keyCode<48
　　 || event.keyCode>57) && event.keyCode!=46 && event.keyCode!=45 ||
　　 value.match(/^\d{3}$/) || /\.\d{3}$/.test(value))
　　 {event.returnValue=false}" id=text_kfxe name=text_kfxe>