ElementUI 表单验证(修改密码)

ElementUI 表单验证(修改密码)

		<el-form :model="resetForm" status-icon :rules="resetFormRules" ref="resetForm" label-width="100px">
	            <el-form-item label="新密码" prop="newpwd">
	                <el-input type="password" v-model="resetForm.newpwd" auto-complete="off"></el-input>
	            </el-form-item>
	            <el-form-item label="确认密码" prop="renewpwd">
	                <el-input type="password" v-model="resetForm.renewpwd" auto-complete="off"></el-input>
	            </el-form-item>
         </el-form>
		data(){			
				var validatePass = (rule, value, callback) => {
					if (!value) {
						callback(new Error('请输入新密码'));
					} else if (value.toString().length < 6 || value.toString().length > 18) {
						callback(new Error('密码长度为6 - 18个字符'))
					} else {
						callback();
					}
				};
				 var validatePass2 = (rule, value, callback) => {
	                if (value === '') {
	                callback(new Error('请再次输入密码'));
	                } else if (value !== this.resetForm.newpwd) {
	                callback(new Error('两次输入密码不一致!'));
	                } else {
	                callback();
	                }
	            };
	            return(){
	            	//重置密码
                resetForm: {
                    newpwd: '',
                    renewpwd: '',
                },
                resetFormRules: {
                    newpwd: [
                        { required: true, validator: validatePass, trigger: 'blur' }
                    ],
                    renewpwd: [
                        { required: true, validator: validatePass2, trigger: 'blur' }
                    ]
                },
                
	            }
            },