给登录和注册增加验证码的必填提示

This commit is contained in:
jishenghua
2024-10-10 00:22:00 +08:00
parent d417500e31
commit b049f10557
2 changed files with 13 additions and 7 deletions

View File

@@ -27,7 +27,7 @@
<a-col :span="14"> <a-col :span="14">
<a-form-item> <a-form-item>
<a-input <a-input
v-decorator="['inputCode']" v-decorator="['inputCode',{initialValue:'', rules: validatorRules.inputCode.rules}]"
size="large" size="large"
type="text" type="text"
default-value="" default-value=""
@@ -111,7 +111,8 @@
}, },
validatorRules:{ validatorRules:{
loginName:{rules: [{ required: true, message: '请输入用户名!'},{validator: this.handleLoginName}]}, loginName:{rules: [{ required: true, message: '请输入用户名!'},{validator: this.handleLoginName}]},
password:{rules: [{ required: true, message: '请输入密码!',validator: 'click'}]} password:{rules: [{ required: true, message: '请输入密码!',validator: 'click'}]},
inputCode:{rules: [{ required: true, message: '请输入验证码!',validator: 'click'}]}
}, },
verifiedCode:"", verifiedCode:"",
inputCodeContent:"", //20200510 cfm: 为方便测试,不输入验证码可 ""-->"xxxx" inputCodeContent:"", //20200510 cfm: 为方便测试,不输入验证码可 ""-->"xxxx"

View File

@@ -35,8 +35,9 @@
<a-row :gutter="0"> <a-row :gutter="0">
<a-col :span="14"> <a-col :span="14">
<a-form-item fieldDecoratorId="inputCode"> <a-form-item
<!--20200510 cfm: 为方便测试,不输入验证码可: default-value="xxxx"--> fieldDecoratorId="inputCode"
:fieldDecoratorOptions="{rules: [{ required: true, message: '验证码不能为空'}, { validator: this.handleInputCode}], validateTrigger: ['change', 'blur'], validateFirst: true}">
<a-input <a-input
size="large" size="large"
type="text" type="text"
@@ -190,7 +191,7 @@
if (level === 0) { if (level === 0) {
this.state.percent = 10 this.state.percent = 10
} }
callback(new Error('密码强度不够')) callback(new Error('强度不够!'))
} }
}, },
@@ -198,10 +199,10 @@
let password = this.form.getFieldValue('password') let password = this.form.getFieldValue('password')
//console.log('value', value) //console.log('value', value)
if (value === undefined) { if (value === undefined) {
callback(new Error('请输入密码')) callback(new Error('请输入密码!'))
} }
if (value && password && value.trim() !== password.trim()) { if (value && password && value.trim() !== password.trim()) {
callback(new Error('两次密码不一致')) callback(new Error('两次密码不一致!'))
} }
callback() callback()
}, },
@@ -214,6 +215,10 @@
this.state.passwordLevelChecked = false this.state.passwordLevelChecked = false
}, },
handleInputCode(rule, value, callback) {
callback()
},
handleSubmit() { handleSubmit() {
let that = this let that = this
that.registerBtn = true; that.registerBtn = true;