自定义验证函数的问题

Question

input页面是按照老师写的

interface RuleProp {
    type: 'required' | 'email' | 'password' | 'custom';
    message?: string;
    min?: lenProp;
    max?: lenProp;
    validator?: () => boolean;
}

注册页面报错validator是联合类型

Answer 1

张轩 2021-10-14 09:25:08

同学你好 这个validator 希望传入的是一个函数 而不是一个函数的运行结果。你这里直接传入了 repeatPasswordValidator() 它是一个函数的运行结果，你应该改成函数repeatPasswordValidator

或者改成我代码中的

const repeatPasswordRules: RulesProp = [
{ type: 'required', message: '重复密码不能为空' },
{ type: 'range', min: { message: '你的密码至少包括六位，不能含有空格', length: 6 } },
{
    type: 'custom',
    validator: () => {
        return formData.password === formData.repeatPassword
    },
        message: '密码不相同'
    }
]

• 提问者 HCold #1

  收到，谢谢