iview2+ 表单密码验证


<Form :model="formItem" v-model="formItem.id" ref="formItem" :label-width="80" :rules="validateRules">
  <FormItem label="新密码" prop="password">
       <Input v-model="formItem.password" type="password"/>
  </FormItem>
  <FormItem label="确认密码" prop="pwdCheck">
       <Input v-model="formItem.pwdCheck" type="password"/>
  </FormItem>
</Form>
 
export default {
    name: 'demo',
    data() {
        const pwdValidate = (rule, value, callback) => {
            this.$refs.formItem.validateField('pwdCheck');
            callback();
        };
        const pwdCheckValidate = (rule, value, callback) => {
            if (this.formItem.password != '' && value == '') {
                callback(new Error('确认密码不能为空'));
            } else if (this.formItem.password != value) {
                callback(new Error('新密码和确认密码应相同'));
            } else {
                callback();
            }
        };
        return {
            validateRules: {
                password: [
                    {required: false, validator: pwdValidate, trigger: 'blur'}
                ],
                pwdCheck: [
                    {required: false, validator: pwdCheckValidate, trigger: 'blur'}
               ]
            }
       }  
    } 
}

  


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM