zl程序教程

您现在的位置是:首页 >  后端

当前栏目

js限制文本框只能输入数字(正则表达式)

JS正则表达式输入 数字 限制 文本框 只能
2023-06-13 09:14:34 时间
好了,言归正传。话说我在网上找了很多限制文本框的办法都不尽人意,于是只好自己动手实践了,实践出真知嘛,这句话没错的。
复制代码代码如下:

functionchkPrice(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("$#$",".");
}
functionchkLast(obj){
//如果出现非法字符就截取掉
if(obj.value.substr((obj.value.length-1),1)==".")
obj.value=obj.value.substr(0,(obj.value.length-1));
}

下面是需要调用的文本框:
复制代码代码如下:

<inputtype="text"name="txtFee"id="txtFee"class="common"onkeyup="chkPrice(this);"onblur="chkLast(this)"onpaste="javascript:returnfalse;"/>

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

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