js限制文本框只能输入数字(正则表达式)
更新时间：2012年07月15日 23:08:06 作者：
让文本框只能输入数字也是我们非常常用的一种功能，很多程序中涉及的例如财务、销售等等领域的地方，想要限制用户的输入是非常必要的，如果不能限制用户的输入内容的合法性，轻则系统异常，重则数据错误，所以对用户输入域的合法性验证或限制不容小觑
好了，言归正传。话说我在网上找了很多限制文本框的办法都不尽人意，于是只好自己动手实践了，实践出真知嘛，这句话没错的。
function chkPrice(obj){
obj.value = obj.value.replace(/[^\d.]/g,"");
//必须保证第一位为数字而不是.
obj.value = obj.value.replace(/^\./g,"");
//保证只有出现一个.而没有多个.
obj.value = obj.value.replace(/\.{2,}/g,".");
//保证.只出现一次，而不能出现两次以上
obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
}
function chkLast(obj){
// 如果出现非法字符就截取掉
if(obj.value.substr((obj.value.length - 1), 1) == '.')
obj.value = obj.value.substr(0,(obj.value.length - 1));
}
下面是需要调用的文本框：
<input type="text" name="txtFee" id="txtFee" class="common" onkeyup="chkPrice(this);" onblur="chkLast(this)" onpaste="javascript: return false;"/>
最后这个：onpaste="javascript: return false;" 的目的是禁用鼠标右键的“粘贴”菜单，可以防止鼠标右键或者Ctrl + V粘贴不合法的数据，嘿嘿。
上面这段JS我只在IE8环境测试过，如果各位看官有什么想法或者疑问，请留言。
复制代码 代码如下:
function chkPrice(obj){
obj.value = obj.value.replace(/[^\d.]/g,"");
//必须保证第一位为数字而不是.
obj.value = obj.value.replace(/^\./g,"");
//保证只有出现一个.而没有多个.
obj.value = obj.value.replace(/\.{2,}/g,".");
//保证.只出现一次，而不能出现两次以上
obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
}
function chkLast(obj){
// 如果出现非法字符就截取掉
if(obj.value.substr((obj.value.length - 1), 1) == '.')
obj.value = obj.value.substr(0,(obj.value.length - 1));
}
下面是需要调用的文本框：
复制代码 代码如下:
<input type="text" name="txtFee" id="txtFee" class="common" onkeyup="chkPrice(this);" onblur="chkLast(this)" onpaste="javascript: return false;"/>
最后这个：onpaste="javascript: return false;" 的目的是禁用鼠标右键的“粘贴”菜单，可以防止鼠标右键或者Ctrl + V粘贴不合法的数据，嘿嘿。
上面这段JS我只在IE8环境测试过，如果各位看官有什么想法或者疑问，请留言。
相关文章
一段创新的搜索脚本代码来自tourbus的Bob Rankin提供了一段定制的JAVA代码.2010-04-04
js几个验证函数代码，需要的朋友可以参考下。2010-03-03
本文介绍了JavaScript中表单操作以及表单域，下面我们来一起学习一下吧2019-05-05
javascript下拉框不被选中大类的区别方法...2007-12-12
JavaScript Select和Option列表元素上下左右移动
支持一次选中多项在左右列表中来回移动2008-12-12
2010-04-04
OnFocus与OnBlur的例子，大家可以运行下，看下区别。2009-07-07
随着输入文字的多少自动变化宽度的INPUT，带计数2008-11-11
表单填写时用回车代替TAB的实现方法...2007-10-10
当鼠标焦点移至密码输入框时，利用js脚本自动验证用户名的格式正确与否2010-02-02
最新评论