vue element正则校验,匹配大于0的正整数

2290人浏览 / 0人评论 / 添加收藏

// vue + element
<el-input v-model.number="number" placeholder="请输入数字"></el-input>

var reg = /^\+?[1-9]\d*$/;  // 大于0的正整数
if (!reg.test(this.number)) {
// 非大于0的正整数,给出提示
}

 

vue + element: 正则校验
<el-form :rules="rules">
<el-form-item prop="number">
 <el-input v-model.number="number" placeholder="请输入数字">
 </el-input>
</el-form-item>
</el-form>

 

data() {
rules: {
 number: [
  { required: true, message: "请输入内容", trigger: 'blur'},
  { pattern: /^\+?[1-9]\d*$/, message: '请输入大于0的正整数'} 
  // 这里pattern,后面直接写规则校验表达式,就不需要写一个validator了,很快捷
 ]
}
}

 

全部评论