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

2021-11-30  本文已影响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();
  };
};
上一篇 下一篇

猜你喜欢

热点阅读