antd form表单validator 校验(4.17) 输入框一直是红色解决方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了antd form表单validator 校验(4.17) 输入框一直是红色解决方法相关的知识,希望对你有一定的参考价值。

参考技术A 使用 antd 的 validator 方法时 用 antd 官方提供的示例会 导致输入框一直是红色

改用以下写法就好了

```

rules=[

         

            validator: async function validator(_, value, callback)

              const res: any = await getCheckNumberUnique(value);//异步发送接口 给 后端进行校验

              if (res && res.data && res.data.code === 500)

                throw new Error('地图编号重复');//错误信息

              else

                callback();//恢复为蓝色框

             

            ,

          ,

        ]

```

以上是关于antd form表单validator 校验(4.17) 输入框一直是红色解决方法的主要内容,如果未能解决你的问题,请参考以下文章

React实践总结Form表单即时校验输入值(基于Antd Design)

React-Antd4的Form表单校验

React Antd的验证- antd form表单一行多个组件并对其校验(一个FormItem中多个Input校验)

react+antd:Form表单校验不提示错误信息

antd 怎么做校验。一个form表单上没有内容的时候为空有的话为空消失。

antd中validateFields失效问题