加上前端密码格式校验

main
xuechunyuan 3 years ago
parent 1825ead8c8
commit 40496c8754
  1. 3
      src/views/system/user.vue
  2. 25
      src/views/system/userinfo.vue

@ -92,8 +92,11 @@ import func from "@/util/func";
export default {
data() {
const validatePass = (rule, value, callback) => {
let reg = /^(?=.*\d)(?=.*?[a-z])(?=.*?[A-Z])(?=.*[~!@#$%^&*])[\da-zA-Z~!@#$%^&*]{6,18}$/;
if (value === '') {
callback(new Error('请输入密码'));
} else if (!reg.test(value)) {
callback(new Error('必须包含6-18位数字、大小写字母、特殊字符,不包含下划线'));
} else {
callback();
}

@ -5,7 +5,8 @@
<div v-if="index === 0">
<avue-form :option="userInfoOption" v-model="form" @submit="handleSubmit"></avue-form>
</div>
<div v-else-if="index === 1"><avue-form ref="pwdForm" :option="userPwdOption" v-model="pwdform" @submit="handleSubmit2">
<div v-else-if="index === 1"><avue-form ref="pwdForm" :option="userPwdOption" v-model="pwdform"
@submit="handleSubmit2">
</avue-form>
</div>
</basic-container>
@ -21,10 +22,20 @@ import func from "@/util/func";
export default {
data() {
var validatePass = (rule, value, callback) => {
let reg = /^(?=.*\d)(?=.*?[a-z])(?=.*?[A-Z])(?=.*[~!@#$%^&*])[\da-zA-Z~!@#$%^&*]{6,18}$/;
if (value === '') {
callback(new Error('请输入新密码'));
} else if (!reg.test(value)) {
callback(new Error('必须包含6-18位数字、大小写字母、特殊字符,不包含下划线'));
} else {
callback();
}
};
var validatePass2 = (rule, value, callback) => {
if (value === '') {
callback(new Error('请再次输入密码'));
} else if (value !== this.pwdform.newPassword1) {
} else if (value !== this.pwdform.newPassword) {
callback(new Error('两次输入密码不一致!'));
} else {
callback();
@ -65,14 +76,18 @@ export default {
required: true,
message: "请输入新密码",
trigger: "blur"
}]
}, { validator: validatePass, trigger: 'blur' }]
}, {
label: '确认密码',
span: 12,
row: true,
type: 'password',
prop: 'newPassword1',
rules: [{ validator: validatePass2, trigger: 'blur' }]
rules: [{
required: true,
message: "请输入确认密码",
trigger: "blur"
}, { validator: validatePass2, trigger: 'blur' }]
}]
},
form: {},
@ -137,7 +152,7 @@ export default {
}
},
handleTabClick(tabs) {
if(tabs.prop != '1'){
if (tabs.prop != '1') {
this.$refs.pwdForm.resetForm();
}
this.index = func.toInt(tabs.prop);

Loading…
Cancel
Save