// 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了,很快捷
]
}
}
全部评论