输入框过滤非数字的js代码
2014-09-18 17:21
585 查看
HTML:
<input type="text" id="only"/>
JS:
window.onload=function(e){ var text=document.getElementById("only"),pattern=/\d/,//pattern匹配字母上的数字键 pattern2=/(9[6-9])|(10[0-5])|3(7|9)/,//pattern2匹配小键盘上的数字键和左右方向键 EventHandle={},event=e||window.event;//一个处理事件的对象 //当网页加载的时候,进行判断,对事件处理对象进行定义属性,这样对事件对象的方法只需要进行一次判断,以后的其他事件 //处理程序里面不需要判断 if(event.preventDefault){ EventHandle.preventDefault=function(e){ e.preventDefault(); }; }else{ EventHandle.preventDefault=function(e){ e.returnValue=false; } } text.onkeydown=function(e){ var event=e||window.event;//不同事件的事件对象不一样,这个event和最前面的event不相等 if(!pattern.test(String.fromCharCode(event.keyCode))&&event.keyCode!=8//keyCode=8是退格键,因为可以对输入的数字进行修改,所以退格和左右方向键不禁止 &&!pattern2.test(event.keyCode.toString())||event.shiftKey|| event.ctrlKey||event.metaKey){ EventHandle.preventDefault(event);//如果不用对象的这个方法,写成下面这样,也可以执行,不过每次按下键盘的时候都会进行一次判断 //这个是没有必要的,所以在页面加载的时候对事件处理对象定义一个方法,加载后对象的方法就已经是确定的了,以后时候就可以了 //if(event.preventDefault){ //event.preventDefault(); //}else{ //event.returnValue=false; //} } } }
未注释版本:
window.onload=function(e){ var text=document.getElementById("only"),pattern=/\d/, pattern2=/(9[6-9])|(10[0-5])|3(7|9)/, EventHandle={},event=e||window.event; if(event.preventDefault){ EventHandle.preventDefault=function(e){ e.preventDefault(); }; }else{ EventHandle.preventDefault=function(e){ e.returnValue=false; } } text.onkeydown=function(e){ var event=e||window.event; if(!pattern.test(String.fromCharCode(event.keyCode))&&event.keyCode!=8 &&!pattern2.test(event.keyCode.toString())||event.shiftKey|| event.ctrlKey||event.metaKey){ EventHandle.preventDefault(event); } } }
在IE11里面,F12打开开发者工具里面可以选择IE版本进行调试
您可能感兴趣的文章:
相关文章推荐
- 输入框过滤非数字的js代码
- 为输入框加入数字js校验代码分享
- js在输入框屏蔽按键,只能键入数字的示例代码
- 手机端输入框过滤表情JS代码
- js在输入框屏蔽按键,只能键入数字的示例代码
- JS限制输入框输入数字
- js正则表达式限制文本框只能输入数字,小数点,英文字母,汉字等各类代码
- 利用递增的数字返回循环渐变的颜色的js代码
- C# 正则过滤html,js,css代码
- 网页前台通过js非法字符过滤代码(骂人的话等等)
- js验证只能输入汉字 只能输入数字 只能输入英文和数字 控制输入框只能输入文字或数字。。。
- JS 过滤剪贴板中的WORD代码
- js 过滤html标签代码
- js限制输入框可输入字节数代码
- js限制输入框可输入字节数代码
- js数字输入框(包括最大值最小值限制和四舍五入)
- js全角转半角(经典代码,不转换汉字,只转换数字和字母)
- 数字倒数跳转的js代码(已测试通过)
- Asp.net中如何过滤html,js,css代码