jquery限定文本框只能輸入數(shù)字(整數(shù)和小數(shù))
本文實例介紹了jquery限定文本框只能輸入數(shù)字的詳細代碼,分享給大家供大家參考,具體內容如下
先來一段規(guī)定文本框只能夠輸入數(shù)字包括小數(shù)的jQuery代碼:
<!DOCTYPE html> <html> <head> <meta charset="gb2312"> <title>腳本之家</title> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> //文本框只能輸入數(shù)字(包括小數(shù)),并屏蔽輸入法和粘貼 jQuery.fn.number=function(){ this.bind("keypress",function(e){ var code=(e.keyCode?e.keyCode:e.which); //兼容火狐 IE //火狐下不能使用退格鍵 if(!$.browser.msie&&(e.keyCode==0x8)){return;} if(this.value.indexOf(".")==-1){return (code >= 48 && code<= 57)||(code==46);} else{return code >= 48 && code<= 57} }); this.bind("paste",function(){return false;}); this.bind("keyup",function(){ if(this.value.slice(0,1) == ".") { this.value = ""; } }); this.bind("blur",function(){ if(this.value.slice(-1) == ".") { this.value = this.value.slice(0,this.value.length-1); } }); }; $(function(){ $("#txt").number(); }); </script> </head> <body> <input type="text" id="txt" /> </body> </html>
2、jQuery如何規(guī)定文本框只能輸入整數(shù):
有時候文本框的內容只能夠是數(shù)字,并且還只能夠是整數(shù),例如年齡,你不能夠填寫20.8歲,下面就通過代碼實例介紹一下如何實現(xiàn)此功能,希望給需要的朋友帶來幫助,代碼如下:
<html> <head> <meta charset="gb2312"> <title>螞蟻部落</title> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> //文本框只能輸入數(shù)字(不包括小數(shù)),并屏蔽輸入法和粘貼 jQuery.fn.integer=function(){ this.bind("keypress",function(e){ var code=(e.keyCode?e.keyCode:e.which); //兼容火狐 IE //火狐下不能使用退格鍵 if(!$.browser.msie&&(e.keyCode==0x8)) { return ; } return code >= 48 && code<= 57; }); this.bind("paste",function(){ return false; }); this.bind("keyup",function(){ if(/(^0+)/.test(this.value)) { this.value = this.value.replace(/^0*/,''); } }); }; $(function(){ $("#txt").integer(); }); </script> </head> <body> <input type="text" id="txt" /> </body> </html>
以上代碼實現(xiàn)了我們的要求,文本框中只能夠輸入整數(shù)。
希望本文所述對大家學習jquery程序設計有所幫助。
- 基于jQuery實現(xiàn)文本框只能輸入數(shù)字(小數(shù)、整數(shù))
- jquery限定文本框只能輸入數(shù)字即整數(shù)和小數(shù)
- jQuery如何用正則表達式驗證手機號、身份證號、中文名稱
- jquery正則表達式驗證(手機號、身份證號、中文名稱)
- jquery使用正則表達式驗證email地址的方法
- jQuery中校驗時間格式的正則表達式小結
- Jquery Validate 正則表達式實用驗證代碼大全
- 常用的JQuery數(shù)字類型驗證正則表達式整理
- jquery里的正則表達式說明
- jQuery中的正則表達式分析 正則基礎
- jquery 正整數(shù)數(shù)字校驗正則表達式
相關文章
jQuery插件ajaxfileupload.js實現(xiàn)上傳文件
這篇文章主要為大家詳細介紹了jQuery插件ajaxfileupload.js實現(xiàn)上傳文件的相關資料,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-05-05jquery popupDialog 使用 加載jsp頁面的方法
下面小編就為大家?guī)硪黄猨query popupDialog 使用 加載jsp頁面的方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-10-10jQuery的cookie插件實現(xiàn)保存用戶登陸信息
保存用戶登陸信息的方法有很多,本文為大家介紹的這個方法是通過cookie插件來實現(xiàn),需要的朋友可以參考下2014-04-04jQuery實現(xiàn)點擊按鈕文字變成input框點擊保存變成文字
這篇文章主要介紹了jQuery實現(xiàn)點擊按鈕文字變成input框點擊保存變成文字的相關資料,非常具有參考借鑒價值,需要的朋友可以參考下2016-05-05jQuery UI Grid 模態(tài)框中的表格實例代碼
這篇文章主要介紹了jQuery UI Grid 模態(tài)框中的表格實例代碼講解,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2017-04-04