vue自定义rules,对input表单输入框校验重复值
el-form-item添加属性:rules="rules.paramname"对input表单输入框检验重复值,如对如下图参数名进行校验重复值。callback:回调函数(再次调用校验函数)rule:指的是表单中rules属性。value:指的表单输入框中输入的值。2.Method里面添加如下方法。1.写一个rules。
·
对input表单输入框检验重复值,如对如下图参数名进行校验重复值
el-form-item添加属性:rules="rules.paramname"
1.写一个rules
rules: {
paramname: [
{ required: true, validator: this.validateTitle, trigger: 'blur' }
],
},
2.Method里面添加如下方法
rule:指的是表单中rules属性
value:指的表单输入框中输入的值
callback:回调函数(再次调用校验函数)
//参数名称校验
validateTitle (rule, value, callback) {
if (typeof value === 'undefined'||value.length == 0) {
// callback(new Error('请输入参数'))
this.$message({
message:'【参数名】不可以为空',
type: 'warning'
})
} else {
try {
let x = 0;
for(let i = 0; i < this.myform.userList.length; i++ ){
if (this.myform.userList[i].name == value){
x=x+1;
}
if(x == 2){
throw new Error("type-check-error");
}
}
callback()
return true
} catch (e) {
if (e.message == "type-check-error") {
this.$message({
message:'【参数名:'+value+'】已存在',
type: 'warning'
})
return false
}
}
}
},
更多推荐
已为社区贡献2条内容
所有评论(0)