讓文本框只能輸入數(shù)字也是我們非常常用的一種功能，很多程序中涉及的例如財(cái)務(wù)、銷(xiāo)售等等領(lǐng)域的地方，想要限制用戶(hù)的輸入是非常必要的，如果不能限制用戶(hù)的輸入內(nèi)容的合法性，輕則系統(tǒng)異常，重則數(shù)據(jù)錯(cuò)誤，所以對(duì)用戶(hù)輸入域的合法性驗(yàn)證或限制不容小覷

好了，言歸正傳。話說(shuō)我在網(wǎng)上找了很多限制文本框的辦法都不盡人意，于是只好自己動(dòng)手實(shí)踐了，實(shí)踐出真知嘛，這句話沒(méi)錯(cuò)的。

復(fù)制代碼代碼如下:

 
function chkPrice(obj){ 
obj.value = obj.value.replace(/[^\d.]/g,""); 
//必須保證第一位為數(shù)字而不是. 
obj.value = obj.value.replace(/^\./g,""); 
//保證只有出現(xiàn)一個(gè).而沒(méi)有多個(gè). 
obj.value = obj.value.replace(/\.{2,}/g,"."); 
//保證.只出現(xiàn)一次，而不能出現(xiàn)兩次以上 
obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$","."); 
} 
function chkLast(obj){ 
// 如果出現(xiàn)非法字符就截取掉 
if(obj.value.substr((obj.value.length - 1), 1) == '.') 
obj.value = obj.value.substr(0,(obj.value.length - 1)); 
} 

下面是需要調(diào)用的文本框：

復(fù)制代碼代碼如下:

 
<input type="text" name="txtFee" id="txtFee" class="common" onkeyup="chkPrice(this);" onblur="chkLast(this)" onpaste="javascript: return false;"/> 

最后這個(gè)：onpaste="javascript: return false;" 的目的是禁用鼠標(biāo)右鍵的“粘貼”菜單，可以防止鼠標(biāo)右鍵或者Ctrl + V粘貼不合法的數(shù)據(jù)，嘿嘿。

上面這段JS我只在IE8環(huán)境測(cè)試過(guò)，如果各位看官有什么想法或者疑問(wèn)，請(qǐng)留言。

您可能感興趣的文章: