規定文字框只能夠輸入數字包括小數的jQuery程式碼
文字框有時候規定只能夠輸入整數,這裡就不多介紹了,具體可以參閱jQuery如何規定文字框只能輸入整數一章節,不過有時候也可以輸入小數,下面就通過程式碼例項介紹一下如何實現此功能。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!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"> //文字框只能輸入數字(包括小數),並遮蔽輸入法和貼上 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>
以上程式碼實現了我們的要求,文字框中只能夠輸入整數。
相關文章
- JavaScript 文字框只能輸入數字JavaScript
- input 輸入框只能輸入數字
- jQuery文字框輸入數字彈出格式化層jQuery
- 文字框限制輸入字數的JSJS
- 文字框限制輸入字數效果
- 輸入框只能輸入負數,整數,2位小數(鍵盤彈起事件)事件
- C# textbox只能輸入數字和小數點C#
- Vue只能輸入數字Vue
- Input 輸入框中 只能輸入正整數
- Qt 實現文字輸入框,帶字數限制QT
- Adroid edittext 輸入小數時只能輸入到小數點後的固定位數
- 微信小程式input輸入框設定最大可輸入字元數量微信小程式字元
- 動態顯示:文字框字數(輸入還剩多少字)
- 文字框文字輸入數量倒計效果
- 短視訊軟體開發,flutter 輸入框限制輸入 數字、小數Flutter
- wpf怎麼讓Textbox只能輸入數字?
- 直播小程式原始碼,react-native自定義文字輸入框原始碼React
- input輸入框加入限制只能輸入正整數,輸入其他字元會自動清除字元
- Element原始碼分析系列7-InputNumber(數字輸入框)原始碼
- 【新特性速遞】數字輸入框的字首和字尾(位於輸入框內部)
- jQuery Validate限定輸入數字大小的範圍jQuery
- JavaScript–文字框中只允許輸入數字的操作(其他字元不顯示)JavaScript字元
- QLineEdit限定只能輸入整數
- vue---input只能輸入數字,且限制長度Vue
- el-input 只能輸入整數或者小數,而且有位數現在
- JavaScript實時計算輸入文字框字元數量JavaScript字元
- input限制只能輸入整數或保留小數點後2位的浮點數
- axure教程:如何實現數字輸入框效果
- Angular.js 限制輸入框輸入內容,為純數字AngularJS
- 直播軟體開發,限制富文字框輸入的字元數上限字元
- 讓 Android 輸入框只能輸入固定長度的中英文Android
- JQuery設定文字框和密碼框獲得焦點時樣式jQuery密碼
- 動手寫個數字輸入框3:痛點——輸入法是個魔鬼
- 寫一個方法,實時驗證input輸入的值是否滿足金額如:3.56(最多隻有兩位小數且只能數字和小數點)的格式,其它特殊字元禁止輸入字元
- 文字框輸入文字倒計詳解
- Flutter 密碼輸入框 驗證碼輸入框Flutter密碼
- jquery控制登入框涉及到的程式碼jQuery
- jQuery點選文字框清除內容程式碼例項jQuery
- 【新特性速遞】自定義數字輸入框的小數分隔符和千分位分隔符