js限制文本框只能输入数字入门例子

发布时间:2020-12-13编辑:脚本学堂
js脚本中限制文本框只能输入数字的方法,javascript中正则表达式限制文本框输入内容,如果出现非法字符就截取掉,防止鼠标右键或者Ctrl + V粘贴不合法的数据。

如何让文本框只能输入数字,对用户输入域的合法性验证或限制进行检测,提供一小段代码,大家参考下。

例子,限制文本框只能输入数字的js代码
 

复制代码 代码示例:
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环境测试通过。