美文网首页
ant design 表单验证---自定义校验

ant design 表单验证---自定义校验

作者: 我就是看看哦 | 来源:发表于2021-11-30 17:03 被阅读0次
rules: [
        {
          required: true,
          validator: async (rule, value) => {
            if (!value) {
              return Promise.reject('�值不能为空');
            }
            if (value === '1') {
              return Promise.reject('�值不能为1');
            }
            return Promise.resolve();
          },
          trigger: 'change',
        },
      ],

验证函数需要其他表单数据可以通过动态验证传值

dynamicRules: ({ values }) => {
      return [
        {
          required: true,
          validator: validateConfirmPassword(values.password),
        },
      ];
    },

参数使用以及返回

const validateConfirmPassword = (password: string) => {
  return async (rule: any, value: string) => {
    if (!value) {
      return Promise.reject('不能为空');
    }
    if (value !== password) {
      return Promise.reject('密码不一致');
    }
    return Promise.resolve();
  };
};

相关文章

网友评论

      本文标题:ant design 表单验证---自定义校验

      本文链接:https://www.haomeiwen.com/subject/lymdxrtx.html