正则校验,匹配大于0的正整数,element自定义正则校验pattern

it2024-03-20  73

// 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了,很快捷 ] } }
最新回复(0)