js限制文本框只能输入数字(正则表达式)
程序员文章站
2023-11-17 13:51:04
好了,言归正传。话说我在网上找了很多限制文本框的办法都不尽人意,于是只好自己动手实践了,实践出真知嘛,这句话没错的。 复制代码 代码如下: function chkprice(obj){ obj.va...
好了,言归正传。话说我在网上找了很多限制文本框的办法都不尽人意,于是只好自己动手实践了,实践出真知嘛,这句话没错的。
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环境测试过,如果各位看官有什么想法或者疑问,请留言。
下一篇: C#基础知识 全面解析可空类型