好资源导航 » 文章资讯 » vue 验证两次输入的密码是否一致的方法示例

vue 验证两次输入的密码是否一致的方法示例

2023-07-14 12:47:03 75

好记性不如烂笔头。总也记不住









确定
重置

验证两次密码是否一致却保证输入的密码在6-16个字符之间

关键代码如下：

data(){
varvalidatePass=(rule,value,callback)=>{
if(value===''){
callback(newError('请输入密码'));
}else{
if(this.ruleForm.confirmPwd!==''){
this.$refs.ruleForm.validateField('confirmPwd');
}
callback();
}
};
varvalidatePass2=(rule,value,callback)=>{
if(value===''){
callback(newError('请再次输入密码'));
}elseif(value!==this.ruleForm.newPwd){
callback(newError('两次输入密码不一致!'));
}else{
callback();
}
};
return{
changePwdDialog:false,//修改密码弹框
ruleForm:{
newPwd:'',
confirmPwd:''
},
rules:{
newPwd:[
{required:true,message:'请输入密码',trigger:'blur'},
{min:6,max:16,message:'长度在6到16个字符',trigger:'blur'},
{validator:validatePass,trigger:'blur'}
],
confirmPwd:[
{required:true,message:'请确认密码',trigger:'blur'},
{min:6,max:16,message:'长度在6到16个字符',trigger:'blur'},
{validator:validatePass2,trigger:'blur',required:true}
],
}
}
},

到此这篇关于vue验证两次输入的密码是否一致的方法示例的文章就介绍到这了,更多相关vue输入密码验证内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票！

返回顶部
514930285
czq8825@qq.com

vue 验证两次输入的密码是否一致的方法示例

热门推荐

随机推荐