自定义验证函数的问题

来源：8-11 作业：注册页面的编写

HCold

2021-10-13

图片描述

input页面是按照老师写的

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

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

写回答

1回答

张轩

2021-10-14

同学你好这个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

收到，谢谢

2021-10-14

共1条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目，率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

查看课程

相似问题

函数类型声明与接口中约束函数类型问题

回答 2

关于自定义input组件问题