手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js限制文本框只能输入数字(正则表达式)
js限制文本框只能输入数字(正则表达式)
摘要:好了,言归正传。话说我在网上找了很多限制文本框的办法都不尽人意,于是只好自己动手实践了,实践出真知嘛,这句话没错的。复制代码代码如下:fun...

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

复制代码 代码如下:

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" onkeyup="chkPrice(this);" onblur="chkLast(this)" onpaste="javascript: return false;"/>

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

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

【js限制文本框只能输入数字(正则表达式)】相关文章:

jQuery+ajax实现无刷新级联菜单示例

javascript正则表达式总结

限制复选框的最大可选数

剖析Node.js异步编程中的回调与代码设计模式

在JavaScript的正则表达式中使用exec()方法

可输入的下拉框

显示行号的文本输入框

jQuery实现限制textarea文本框输入字符数量的方法

JavaScript的正则表达式中test()方法的使用

JavaScript中操作字符串之localeCompare()方法的使用

精品推荐
分类导航