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

// vue + element<el-input v-model.number="number" placeholder="请输入数字"></el-input>var reg = /^\+?[1-9]\d*$/;// 大于0的正整数if (!reg.test(this.number)) {// 非大于0的正整数，给出提示}

宁长风

10386人浏览 · 2020-10-21 10:48:58

宁长风 · 2020-10-21 10:48:58 发布

// 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了，很快捷
		]
	}
}

有用收藏 + 点赞哦