vue3 validator校验防抖的问题 BlankSpace 491736 发布于 2022-03-08 const rule = { bucketNameRules() { const valid = (rule, value) => { const reg = /^(?![-])[a-z0-9-]{3,63}(?<![-])$/ if (value.length < 3 || value.length > 63) { return Promise.reject('请输入 3~63...
groupName: [ { required: true, message: '必填项不能为空', trigger: 'blur' } ], gatewayId: [ { required: true, message: '必填项不能为空', trigger: 'blur' } ], gatewayMac: [ { required: true, message: '必填项不能为空', trigger: 'blur' } ,{validator:validateMacAddr,trigger:...
password: [ { required: true, message: "请填写密码", trigger: "blur" }, { validator: validatePass, trigger: "blur" }, ], confirmPwd: [ { required: true, message: "请确认密码", trigger: "blur" }, { validator: validatePass2, trigger: "blur", required: true }, ], }, }; } ...
2、新开一个文件夹(validate.js)定义验证规则 3、在页面(index.vue)中引入验证规则定义的文件,并在export default中定义rule规则,使用语法:{validator:验证方法,trigger:验证触发} 3、以下是validator.js文件的部分验证方法 AI检测代码解析 /*是否合法IP地址*/ export function validateIP(rule, value,callback) { ...
("请输入正确的手机号"));}construles=reactive<FormRules<typeofruleForm>>({mobile:[{required:true,message:"请输入手机号",trigger:["blur","change"]},// 正则{pattern:phoneRegular,message:"请输入正确的手机号",trigger:["blur","change"]},// 自定义验证{validator:customMobile,trigger:["blur"...
因为要求是输入即校验,需要调用接口,所以需要防抖因为callback已废除,必须以Promise的形式才能触发validator,一般的debounce不能满足返回Promise的需求
trigger: "blur", } ] if (checkNull(min) || checkNull(max)) { list.push({ validator: (rules, value, callback) => { if (checkNull(max) && value > max) { return callback(new Error("超出范围")); } else if (checkNull(min) && value < min) { ...
[Vue warn]:Invalid prop:custom validator check failedforprop"modelValue". 多个Model 一个组件只能有一个 Model 吗?当然不是,我们可以设置多个 Model 子组件定义 model constname=defineModel('name') constname=defineModel('age') <el-input v-model="name"placeholder=""></el-input> ...
//调用接口查询是否重复 bucketNameCheck({ bucketName: value }).then((res) => { availableName.value = res.available if (availableName.value) { return Promise.resolve() } else { return Promise.reject('该Bucket已存在,或被其他用户占用') } }) } return { validator: valid, trigger: 'change...
let validator = { set: (obj, prop, value) => { if(prop === 'age') { if(!Number.isInteger(value)) { throw new TypeError('The age is not an integer') } if(value > 200) { throw new TypeError('The age is seems invalid') ...