pc端注册页面 密码校验规则
1.密码校验规则
格应包含大小写字母、数字和特殊符号,长度为8-20
var validateRetrievePassword = (rule, value, callback) => {let reg =/^(?=.*[A-Za-z])(?=.*\d)(?=.*[`~!@#$%^&*()_+<>?:"{},.\/\\;'[\]])[A-Za-z\d`~!@#$%^&*()_+<>?:"{},.\/\\;'[\]]{8,20}$/;if (!value) {callback(new Error('密码不能为空'));} else if (!reg.test(value)) {callback(new Error('格应包含大小写字母、数字和特殊符号,长度为8-20'));} else {callback();}};2.确认密码校验规则
俩次密码一致
var validateNewPasswordSecond = (rule, value, callback) => {var reg =/^(?=.*[A-Za-z])(?=.*\d)(?=.*[`~!@#$%^&*()_+<>?:"{},.\/\\;'[\]])[A-Za-z\d`~!@#$%^&*()_+<>?:"{},.\/\\;'[\]]{8,20}$/;if (!value) {} else if (value !== this.param.password) {// console.log(value,this.param.password,'value')callback(new Error('两次输入密码不一致!'));} else if (!reg.test(value)) {callback(new Error('格式应包含大小写字母、数字和特殊符号,长度为8-20'));} else {callback();}3.html代码页面
<el-form-item prop="password"><i class="required">*</i><el-input :show-password="true" type="password" v-model="param.password" placeholder="请输入密码" auto-complete="new-password"></el-input></el-form-item><el-form-item prop="confirmPassword"><i class="required">*</i><el-input :show-password="true" type="password" v-model="param.confirmPassword" placeholder="请确认密码" auto-complete="new-password"></el-input></el-form-item>4.验证rules
rules: { password: [{required: true,validator:validateRetrievePassword,}],confirmPassword: [{required: true,validator: validateNewPasswordSecond,}],},