加上前端密码格式校验

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

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

@ -5,7 +5,8 @@
<div v-if="index === 0"> <div v-if="index === 0">
<avue-form :option="userInfoOption" v-model="form" @submit="handleSubmit"></avue-form> <avue-form :option="userInfoOption" v-model="form" @submit="handleSubmit"></avue-form>
</div> </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> </avue-form>
</div> </div>
</basic-container> </basic-container>
@ -21,10 +22,20 @@ import func from "@/util/func";
export default { export default {
data() { 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) => { var validatePass2 = (rule, value, callback) => {
if (value === '') { if (value === '') {
callback(new Error('请再次输入密码')); callback(new Error('请再次输入密码'));
} else if (value !== this.pwdform.newPassword1) { } else if (value !== this.pwdform.newPassword) {
callback(new Error('两次输入密码不一致!')); callback(new Error('两次输入密码不一致!'));
} else { } else {
callback(); callback();
@ -65,14 +76,18 @@ export default {
required: true, required: true,
message: "请输入新密码", message: "请输入新密码",
trigger: "blur" trigger: "blur"
}] }, { validator: validatePass, trigger: 'blur' }]
}, { }, {
label: '确认密码', label: '确认密码',
span: 12, span: 12,
row: true, row: true,
type: 'password', type: 'password',
prop: 'newPassword1', prop: 'newPassword1',
rules: [{ validator: validatePass2, trigger: 'blur' }] rules: [{
required: true,
message: "请输入确认密码",
trigger: "blur"
}, { validator: validatePass2, trigger: 'blur' }]
}] }]
}, },
form: {}, form: {},

Loading…
Cancel
Save