HTML5 input輸入框限制字段長度

2021-08-28 04:32:29 字數 449 閱讀 8978

一種最簡單的方法就是直接在datatype屬性裡加限制:s1-5表示填1-5個字元,s0-6表示0-6個字元,但是這種方法有種缺陷就是不認標點符號了:

上段**限制了輸入框長度為0-6,最少可以不填,最多6個字元,在這裡,乙個字母(如a/a)、乙個漢字,乙個數字都是占有乙個字元,但是!!!!!

它不支援標點符號,如果輸入標點符號,會直接提示輸入不符合格式,雖然長度貌似並沒有超,但是明顯它不認標點符號:

如果既想輸入標點又想限制輸入長度,可以採取如下操作:

這段**著重描述如何限制字段長度,個別地方可能不夠完善==

通過自定義的datatype型別,在表單校驗的過程中通過js方法判斷字段長度,還可以根據需求限定什麼型別的輸入佔幾個長度字元,稍微麻煩一些但是支援了標點符號的輸入~總之大家根據自己的需求自行選擇叭~

html5 Input限制輸入

js判斷只能是數字和小數點 測試寫了type屬性有時會失效 1.文字框只能輸入數字 小數點也不能輸入 input onkeyup this.value this.value.replace d g,onafterpaste this.value this.value.replace d g,2.只能...

input 輸入框限制

只能輸入數字和乙個小數點 function clearnonum obj g,只保留第乙個.清除多餘的 obj.value obj.value.replace replace g,replace obj.value obj.value.replace d d 1 2.3 只能輸入6個小數 親測有用!...

input輸入框數字限制

正規表示式驗證輸入框的內容 單價 只能輸入數字和小數點,且必須數字開頭並大於或者等於1,限制最多三位小數,小數點為最後一位時,失去焦點時自動截掉 text value name price onkeyup validatenum1 this onblur todecimal this placeho...