規定文本框只能夠輸入整數代碼實例:有時候可能需要規定文本框內容只能夠輸入整數，下麵給出一段能夠實現此功能的代碼實例，供需要的朋友參考。代碼如下:螞蟻部落以上代碼實現了預期的要求，文本框中只能夠輸入整數，下麵介紹一下它的實現過程。一.代碼註釋:1.$(function(){})，當文檔結構完全載入完畢...
規定文本框只能夠輸入整數代碼實例:
有時候可能需要規定文本框內容只能夠輸入整數，下麵給出一段能夠實現此功能的代碼實例，供需要的朋友參考。
代碼如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(function(){ $(".NumText").keyup(function(){ $(this).val($(this).val().replace(/\D|^0/g,'')); }).bind("paste",function(){ $(this).val($(this).val().replace(/\D|^0/g,'')); }) }); </script> </head> <body> <input type="text" class="NumText"/> </body> </html>
以上代碼實現了預期的要求，文本框中只能夠輸入整數，下麵介紹一下它的實現過程。
一.代碼註釋:
1.$(function(){})，當文檔結構完全載入完畢再去執行函數中的代碼。
2.$(".NumText").keyup(function(){})，為文本框註冊keyup事件處理函數。
3.$(this).val($(this).val().replace(/\D|^0/g,''))，通過replace()函數利用正則表達式，將非數字內容替換為空。
4.bind("paste",function(){$(this).val($(this).val().replace(/\D|^0/g,''));})，註冊paste事件處理含糊，當然這裡使用的是鏈式調用，它可以防止用戶使用ctrl+v方式複製黏貼。
二.相關閱讀:
1.keyup事件可以參閱jQuery的keyup事件一章節。
2.val()函數可以參閱jQuery的val()方法一章節。
3.replace()函數可以參閱正則表達式replace()函數一章節。
4.paste事件可以參閱jquery的paste事件用法簡單介紹一章節。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=11696
更多內容可以參閱:http://www.softwhy.com/jquery/
