jQuery 文本框中只能輸入正整數
文本框的輸入的內容可能會有各種限制，比如文本框中只能夠輸入正整數。
下面就是一段能夠實現此功能的代碼實例，需要的可以做一下參考。
代碼實例：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="/jquery/1.9.0/jquery.js"></script>
<script>
$(document).ready(function(){
$("input").keyup(function(){
$(this).val($(this).val().replace(/D|^0/g,''));
}).bind("paste",function(){
return false;
})
});
</script>
</head>
<body>
<input type="text"/>
</body>
</html>上面的代碼實現了我們的要求，下面介紹一下它的實現過程。
一.代碼注釋：
（1）.$(document).ready(function(){})，當文檔結構完全加載完畢再去執行函數中的代碼。
（2）.$("input").keyup(function(){})，為input元素注冊keyup事件處理函數。
（3）.$(this).val($(this).val().replace(/D|^0/g,''));，將非數字或者以0為開頭的替換為空。
（4）.bind("paste",function(){
return false;
})，為文本框注冊paste事件處理函數，這個是為了防止對文本框復制黏貼操作。
二.相關閱讀：
（1）.keyup 事件參閱jQuery keyup一章節。
（2）.val() 參閱jQuery val()一章節。
（3）.replace() 參閱正則表達式replace()一章節。
（4）.bind() 參閱jquery的on()、bind()、live()和delegate()一章節。
（5）.paste 事件參閱onpaste事件用法簡單介紹一章節。
上一篇：設置div元素漸隱效果代碼實例
相關推薦
-
設置div元素漸隱效果代碼實例
以動畫平滑的動畫方式實現元素的隱藏效果，比瞬間隱藏的方式更為人性化。下面就是一段使用jQury實現的此效果，代碼如下: chrst
-
css多重邊框代碼實例
分享一段代碼實例，它實現了多重邊框效果。代碼實例如下r cont
-
css半透明邊框代碼實例
分享一段代碼實例，它實現了邊框透明效果。代碼實例如下r cont
-
js文本橫向無縫滾動代碼實例
文本無縫滾動是比較常見的應用，比如公司的新聞公告等等場景，實現此效果的方式有多種，下面簡單介紹一下其中的一種，希望能夠給需要的朋友帶來幫助，代碼實例如下: h
-
js點擊div實現閃爍效果代碼實例
此代碼實例并沒有多大的實際應用效果，但是可以從中獲取一些相關知識或者啟發。本章節就對此代碼實例做一下詳細注解，代碼如下: chrst
