给登录和注册增加验证码的必填提示
This commit is contained in:
@@ -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"
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user