vue限制input內容為非空 數字，並且限制長度

html

#prop 屬性設定為需校驗的欄位名即可

#show-word-limit開啟計數器 非必要
#maxlength="16" 限制輸入內容長度最大為16位
label
="測試"
prop
="code"
class
="el-col-md-11"
>
v-model.number
="form.code"
show-word-limit
maxlength
="16"
placeholder
="請輸入16位數字編碼"
/>
el-form-item
>

剛開始使用min max限制發現對數字無效，最後改為正則

#驗證是否輸入內容是否為數字html中input v-model加入.number修飾，不驗證數字可以去掉

#pattern:
/^\d$/ 正則限制數字在14
-16位之間 如果限制長度位16位 都輸入16即可
rules:
,//驗證非空
,//驗證數字注意input中v-model加.number即v-model.number
$/, message:
'編碼長度在14-16位數字'
}//驗證數字長度位14-16位
]}

限制input輸入長度與內容

1 限制輸入長度 number oninput f value.length 6 value value.slice 0,4 text placeholder 只能輸入六個字元 maxlength 6 tel型別的input在ios上會調出全數字鍵盤，而number型別的input則會調出帶有標點符...

js正則限制input輸入內容

1.文字框只能輸入數字 小數點也不能輸入 2.只能輸入數字,能輸小數點.3.數字和小數點方法二 4.只能輸入字母和漢字 5.只能輸入英文本母和數字,不能輸入中文 6.只能輸入數字和英文chun 7.小數點後只能有最多兩位 數字,中文都可輸入 不能輸入字母和運算符號 57 event.keycode ...

Input輸入框內容限制

輸入大小寫字母 數字 下劃線 input type text onkeyup this.value this.value.replace w g,輸入小寫字母 數字 下劃線 input type text onkeyup this.value this.value.replace a z0 9 g,...