首頁  >  文章  >  web前端  >  js限製文字方塊只能輸入數字(正規表示式)_表單特效

js限製文字方塊只能輸入數字(正規表示式)_表單特效

WBOY
WBOY原創
2016-05-16 17:51:541675瀏覽

好了,言歸正傳。話說我在網路上找了很多限製文字框的辦法都不盡人意,於是只好自己動手實踐了,實踐出真知嘛,這句話沒錯的。

複製程式碼 程式碼如下:

function chkPrice(obj){
objue. = 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));
}

下面是需要呼叫的文字方塊:
複製程式碼


複製程式碼


最後這個:onpaste="javascript: return false;" 的目的是停用滑鼠右鍵的「貼上」選單,可以防止滑鼠右鍵或Ctrl V貼上不合法的數據,嘿嘿。 上面這段JS我只在IE8環境測試過,如果各位看官有什麼想法或疑問,請留言。
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn