zoukankan      html  css  js  c++  java
  • 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'}
                   ]
                }
           }  
        } 
    }
    

      

  • 相关阅读:
    maven的.m2文件夹
    maven parent.relativePath
    GoLang structTag说明
    Mac下如何用SSH连接远程Linux服务器
    String.split
    Laya 类列表加载优化
    JavaEE JDBC 了解数据库连接池
    JavaEE JDBC 了解JNDI
    JavaEE JDBC 事务
    JavaEE JDBC RowSet行集
  • 原文地址:https://www.cnblogs.com/qdwz/p/11468230.html
Copyright © 2011-2022 走看看