通过Js实现输入框数字校验

具体步骤：

方法一：用文本框的CSS属性ime-mode实现。  

<input οnpaste="return false" οndragenter="return false"  style="ime-mode:disabled">

提示：设置ime-mode为disabled的意思是禁止在输入时禁止用户激活输入中文，韩文，日文等的输入法（IME）状态，因为这个只能检测到键盘的输入，对通过鼠标操作的粘贴和拖放无效。

但是

<input οnpaste="return false" οndragenter="return false"  style="ime-mode:disabled">  

是可以防止通过鼠标操作的粘贴和拖放的，如果不能输入字母另加判断。

方法二：在松开按键时用脚本检查文本框的值，只保留Unicode编码在0和255之间的字符。

<script language="javascript">
function check(str){
	var temp=""
	for(var i=0;i<str.length;i++){
		if(str.charCodeAt(i)>0&&str.charCodeAt(i)<255){
			temp+=str.charAt(i)
			return temp
		}
	}
}
</script>
<input οnpaste="return false" οndragenter="return false"  οnkeyup="this.value=check(this.value)"/>

方法三：把所有双字节字符替换为空。

<input οnpaste="return false" οndragenter="return false"  οnkeyup="this.value=this.value.replace(/[^\x00-\x80]/gi,’’)">

    

方法四：把中文字符替换为空。

<input οnpaste="return false" οndragenter="return false"  οnkeyup="this.value=this.value.replace(/[\u0391-\uFFE5]/gi,’’)">

特别提示
本例代码运行后，第一种方法是不能切换输入法，所以无法输入中文，其它三种方法是在输入中文后立即被替换为空，同时禁止了粘贴和拖放事件。

特别说明

本例主要是css属性ime-mode和对中文或双字节字符的判断应用。
ime-mode 设置输入方法编辑器(IME)的状态。
charCodeAt 返回指定位置上字符的 Unicode 编码值。

 

function IntegerBoxKeyPress(_Box,IsPositiveNumber)
{
    var KeyValue=event.keyCode;
    return (KeyValue>=48 && KeyValue<=57) ||(KeyValue==45 && _Box.value=="" && false!=IsPositiveNumber);
}

/*对整数文本框的控制*//*对小数文本框的控制*/

function DecimalBoxKeyPress(_Box,IsPositiveNumber)
{
    var KeyValue=event.keyCode;
    return (KeyValue>=48 && KeyValue<=57) ||(KeyValue==45 && _Box.value=="" && false!=IsPositiveNumber) || (KeyValue==46 && _Box.value.indexOf(".")==-1);
   
}

具体测试:

<input type="text" name="" id="" value="" 
οnkeypress="return event.keyCode>=48&event.keyCode<=57||event.keyCode==46" οnpaste="return!window.clipboardData.getData('Text').match(/\D/);" 
οndragenter="return false" 
style="ime-mode:disabled" 
οnchange="if(this.value.length<15||this.value.length>18){alert('身份证不能低于15位或超过18位')}"/>

火狐不支持event事件，所以如下设置替换onkeypress事件：

$(id).keydown(
        function(event){
            return event.keyCode>=48&&event.keyCode<=57||event.keyCode==46;
 });