form表单的数据校验可以自定义规则，定义验证器（validator）

最新推荐文章于 2024-10-21 09:17:12 发布

Rzizi~

最新推荐文章于 2024-10-21 09:17:12 发布

阅读量499

点赞数 1

文章标签： javascript 前端

本文链接：https://blog.csdn.net/weixin_45957275/article/details/134860373

版权

validator自定义校验

例子

校验复选框是否勾选

//校验复选框是否勾选
isagree:[{
		validator:(rule,value,callback)=>{
		//rule  校验规则
		//value 校验的值
		//callback 函数-------promise（resolve reject）
		value?callback():callback(new Error('你必须勾选用户的使用协议'))
}]

校验两次密码

confimpassword:[
		{required:true,message:'重复密码不能为空',trigger:'blur'},
		{
		trigger:'blur',
		validator:(rule,value,callback)=>{
			if(this.form.newpassword === value){
			    //验证通过
			    callback()
			}else{
				callback(new Error('重复密码和新密码输入不一致'))
			}
		}
	}
]