限制文本框只能输入数字-飞外

.

让文本框只能输入数字也是我们非常常用的一种功能,很多程序中涉及的例如财务、销售等等领域的地方,想要限制用户的输入是非常必要的,如果不能限制用户的输入内容的合法性,轻则系统异常,重则数据错误,所以对用户输入域的合法性验证或限制不容小觑。

好了,言归正传。话说我在网上找了很多限制文本框的办法都不尽人意,于是只好自己动手实践了,实践出真知嘛,这句话没错的。

 1 function chkPrice(obj){ 2 obj.value = obj.value.replace(/[^\d.]/g,"");  3 //必须保证第一位为数字而不是.  4 obj.value = obj.value.replace(/^\./g,"");  5 //保证只有出现一个.而没有多个.  6 obj.value = obj.value.replace(/\.{2,}/g,".");  7 //保证.只出现一次,而不能出现两次以上  8 obj.value = obj.value.replace(".","$$#$$").replace(/\./g,"").replace("$$#$$",".");10 function chkLast(obj){11 // 如果出现非法字符就截取掉12 if(obj.value.substr((obj.value.length - 1), 1) == '.')13 obj.value = obj.value.substr(0,(obj.value.length - 1));14 }

下面是需要调用的文本框:

1 input    onkeyup="chkPrice(this);" onblur="chkLast(this)" onpaste="javascript: return false;"/ 

最后这个:onpaste="javascript: return false;"的目的是禁用鼠标右键的“粘贴”菜单,可以防止鼠标右键或者Ctrl + V粘贴不合法的数据,嘿嘿。

上面这段JS我只在IE8环境测试过,如果各位看官有什么想法或者疑问,请留言。

转载请注明出处:http://www.cnblogs.com/chuyuhuashi/

如果觉得对您有帮助,请推荐下,谢谢~