当前位置: 首页 > Web前端 > vue.js

vue验证两次输入的密码是否一致

时间:2023-03-31 15:09:18 vue.js

好记性不如烂笔头。我不能总是记住确定Reset验证两个密码是否相同但确保输入的密码在6-16个字符之间的关键代码如下:data(){varvalidatePass=(rule,value,callback)=>{if(value===''){callback(newError('请输入密码'));}else{if(this.ruleForm.confirmPwd!==''){this.$refs.ruleForm.validateField('confirmPwd');}打回来();}};varvalidatePass2=(rule,value,callback)=>{if(value===''){callback(newError('请再次输入密码'));}elseif(value!==this.ruleForm.newPwd){callback(newError('两次输入的密码不一致!'));}else{回调();}};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:[{要求:真实,消息:'请确认密码',trigger:'blur'},{min:6,max:16,message:'长度在6到16个字符之间',trigger:'blur'},{validator:validatePass2,trigger:'模糊',需要:true}],}}},