参考:
http://www.cnblogs.com/xcsn/p/3413074.html
http://www.soso.io/article/21182.html
最近做一个输入框只能输入有两位小数点的小数,当时监听的是keyup事件,当输入法改为中文,然后按enter键,这样还是能输入其他的字符(火狐没有这个问题,谷歌里有这个问题),后来百度下才知道原因,具体参考以上两个网址。
修改前写法:
<input type="text" name="inputorp_i" id="inputorp_i" autocomplete="off" onkeyup="clearNoNum(this)"/> <span id="inputorp_s"></span> <script> //只能输入数字和小数点 function clearNoNum(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("$#$","."); obj.value = obj.value.replace(/^(-)*(d+).(dd).*$/, '$1$2.$3'); //只能输入两个小数 } </script>
修改后的写法:
<input type="text" name="inputorp_i" id="inputorp_i" autocomplete="off"/> <span id="inputorp_s"></span> <script> //先判断浏览器是不是万恶的IE,没办法,写的东西也有IE使用者 var bind_name = 'input'; if (navigator.userAgent.indexOf("MSIE") != -1){ bind_name = 'propertychange'; } $('#inputorp_i').bind(bind_name, function(){ clearNoNum(this); }) //只能输入数字和小数点 function clearNoNum(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("$#$","."); obj.value = obj.value.replace(/^(-)*(d+).(dd).*$/, '$1$2.$3'); //只能输入两个小数 } </script>