js限制文本框只能輸入數字(正則表達式)

2024-05-06 14:21:37

字體：大中小

來源：轉載

供稿：網友

好了，言歸正傳。話說我在網上找了很多限制文本框的辦法都不盡人意，于是只好自己動手實踐了，實踐出真知嘛，這句話沒錯的。
代碼如下:
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環境測試過，如果各位看官有什么想法或者疑問，請留言。

上一篇：Javascript對象中關于setTimeout和setInterval的this介紹

下一篇：js點擊頁面其它地方將某個顯示的DIV隱藏