vue,js密码校验
//vue密码校验/修改密码校验:
data() { const equalToPassword = (rule, value, callback) => { if (this.user.newPassword !== value) { callback(new Error("两次输入的密码不一致")); } else { callback(); } };
return { user: { oldPassword: undefined, newPassword: undefined, confirmPassword: undefined, }, // 表单校验
rules: { oldPassword: [ { required: true, message: "旧密码不能为空", trigger: "blur" }, ],
newPassword: [ { required: true, message: "新密码不能为空", trigger: "blur" }, { validator: (rule, value, callback) => { const reg = /(?=.*\d)(?=.*[a-zA-Z])(?=.*[^a-zA-Z0-9]).{6,16}/;//6-16位密码校验规则 if (reg.test(value)) { callback(); } else { callback(new Error()); } }, message: "密码必须由数字、字母、特殊字符组合,请输入6-16位", trigger: "blur", }, ],
confirmPassword: [ { required: true, message: "确认密码不能为空", trigger: "blur" }, { required: true, validator: equalToPassword, trigger: "blur" }, ],
}, }; },
//js密码校验: let reg = /^(?=.*?[a-z])(?=.*?[A-Z])(?=.*?[0-9])(?=.*?[-!$%^&*()_+|~=`{}\[\]:";'<>?,.\/]).{8,18}$/;//8-18位密码校验规则 const password=1653#Ww250 if(reg.test(password)){ console.log(`${password}:长度为${password.length}通过正则表达式密码校验`); }else{ console.error(`${password}:${password.length}未通过正则表达式密码校验`); }