input正則匹配只能輸入數字和指定位數小數點

2021-08-15 01:53:26 字數 1735 閱讀 1052

最近經常遇到input框的正則匹配驗證，每次都是查，覺得挺麻煩的，所以就留了部落格，方便以後隨時查閱。這也不是我的原創，是別人的勞動成果，我拿過來用而已。

1、只能輸入指定位數的數字：

比如只能輸入四位正整數：

4)value=value.slice(0,4)" οnkeypress="return event.keycode>=48&&event.keycode<=57" ng-pattern="/[^a-za-z]/"/>
2、只能輸入數字和保留三位小數點：

57) && event.keycode!=46 || /\.\d\d$/.test(value))event.returnvalue=false" type="text" />
其中{}中的數字是小數點後面可以保留的幾位小數，比如0就是保留一位小數，1就是保留兩位小數。

3、jq的validate驗證：

只能輸入1-10之間的數字：

=48&&event.keycode<=57" ng-pattern="/[^a-za-z]/" placeholder="請輸入1到10之間的數字">
前面的max和min，控制的是輸入的規則。如果input的型別是『type=text』，在中文狀態下是可以輸入中文的，

所以要加鍵盤正則匹配，禁用中文。當然啦，前提是引用jq的validate。

4、select選中驗證：

也是用的jqvalidate：

請選擇12
預設選中第乙個，當選擇1或者2的時候，驗證就通過。不需要寫js**，只需要加required行內驗證就可以了。

5、只能輸入整數，且首字母不能為0：

6、終極版本只能輸入兩位小數：

html**：

js**：

$("#ipt1").keyup(function () /);


var txt = '';


if (reg != null) 


$(this).val(txt);


}).change(function () 


});
到這裡，順便提一下踩到的坑。當我這麼使用終極版的時候，出現了乙個問題。流程是頁面先引入jq檔案，然後寫這串js**，這樣就可以順利執行了（必須是jq檔案在上，js**緊跟著在下，中間不得有任何**。）。但是當我這麼做的時候，頁面上其他js檔案就和jquery檔案衝突了，因為jquery檔案要在引用檔案的最頂部，這樣jq才能生效。當我把jq**放到引用**的最頂端，其他js**可以正常執行，但是這串js**就無法執行了。

所以一番查詢和求助之後，師傅告訴了我這麼乙個方法：

var jq = jquery.noconflict();


jq(document).ready(function()/);


var txt = '';


if (reg != null) 


jq(this).val(txt);


}).change(function () 


});});
完美解決了這個問題。

牛人果然是牛人，沒的說。

7、不可以輸入中文

input正則匹配只能輸入數字和指定位數小數點

最近經常遇到input框的正則匹配驗證，每次都是查，覺得挺麻煩的，所以就留了部落格，方便以後隨時查閱。這也不是我的原創，是別人的勞動成果，我拿過來用而已。1 只能輸入指定位數的數字 比如只能輸入四位正整數 4 value value.slice 0,4 onkeypress return event...

input只能輸入數字等

html中 雖然是輸入非數字之後進行空替換，並不是直接不允許輸入，但是不存在相容性問題，而且本身寫法簡單並且改變限制型別之後替換正規表示式也很容易實現。2 效果很好，直接控制不允許輸入非數字，但是最大的不足就是存在相容性問題 js中 function onlynum ime mode是css3的新特...

input輸入框只能輸入數字，只能輸入字母數字組合

輸入大小寫字母 數字 下劃線 1 g,輸入小寫字母 數字 下劃線 2 g,輸入數字和點 3 g,輸入中文 4 g,輸入數字 輸入英文 5 g,輸入中文 數字 英文 6 g,輸入數字和字母 除了英文的標點符號以外，其他的都可以中文，英文本母，數字，中文標點 7 g,只能輸入數字 小數點也不能輸入 只能...