很多時候都會用表單中輸入正整數(shù)的情況，在element ui中可以用el-input-number 標簽來顯示輸入框是number類型的，或者type="number"也可以的，但是正整數(shù)就需要判斷了

可以利用正則來判斷

代碼如下

<el-form?ref="checkData"?:rules="checkData"?:model="eyPara"?label-position="left"?label-width="100px"> <el-form-item?label="值:"?prop="amErrYear"> <el-input?v-model="eyPara.amErrYear"?placeholder="輸入值"?clearable/> </el-form-item> </el-form> export?default{ data(){ const?blurText?=?async(rule,?value,?callback)?=>?{?? //?const?reg?=?/^\-\d\.?\d*$/ //?const?boolean?=?reg.test(value) const?boolean?=?new?RegExp('^[1-9][0-9]*$').test(value) //?console.log(boolean) if?(!boolean)?{ this.$message.warning('請輸入正整數(shù)') this.eyPara.amErrYear?=?'' } } return { eyPara:?{ amErrYear:?'' }, checkData:{ amErrYear:?[ {?required:?true,?message:?'輸入值',?trigger:?'blur'?}, {?validator:?blurText,?trigger:?'blur'?}? //表單驗證的時候會調(diào)用的方法 ], } }　 } } rules表單驗證規(guī)則，異步表單驗證，validator 是根據(jù)校驗規(guī)則得到的校驗器 ，自定義校驗 callback 必須被調(diào)用。 更多高級用法可參考?async-validator。

轉(zhuǎn)載于:https://www.cnblogs.com/yearshar/p/11593275.html

總結(jié)

以上是生活随笔為你收集整理的element ui 表单验证为正整数的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。