validator自定义验证

兜小糖的小秃毛

于 2023-03-24 15:37:21 发布

阅读量213

点赞数

CC 4.0 BY-SA版权

分类专栏： Element框架常遇问题文章标签： javascript

本文链接：https://blog.youkuaiyun.com/Roy__Jason/article/details/129751842

Element框架常遇问题专栏收录该内容

13 篇文章

订阅专栏

文章介绍了在Vue.js应用中，利用ElementUI的el-form-item和el-input组件，配合rules属性进行表单验证。特别是设置了一个名为verificationCodeFun的自定义验证函数，该函数通过异步调用verificationCode服务来检查元素号的唯一性，如果已存在则返回错误信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

validator自定义验证

<el-form-item label="元素号" prop="eleNamePinyin">
	<el-input size="mini"  v-model="ruleForm.eleNamePinyin" placeholder="请输入"></el-input>
</el-form-item>

rules: {
	eleNamePinyin: [
		{ required: true, message: '元素号不能为空', trigger: 'blur' },
		{ validator: verificationCodeFun, trigger: 'blur' },
	],
},

function verificationCodeFun(rule: any, value: any, callback: any) {
	verificationCode({ eleNamePinyin: value }).then((res: any) => {
		if (res.data == 1) {
			callback(new Error('元素号已经存在'));
		} else {
			callback();
		}
	});
}