【React】antd的form表单的自定义校验规则的用法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了【React】antd的form表单的自定义校验规则的用法相关的知识,希望对你有一定的参考价值。

参考技术A 在用到antd的Form组件的时候,可能会用到自定义的规则,以我的项目为例:在输入名称的时候需要请求接口,校验的内容是后台返回的内容,所以这个时候需要用到自定义的校验规则

那么具体的写法如下:将validator放在rules的数组中

调用的方法如下:当value在变化的时候请求接口,通过接口返回的值传给callback回调函数

具体可以参考GitHub上的这篇文档: https://github.com/ant-design/ant-design/issues/5155

以上是关于【React】antd的form表单的自定义校验规则的用法的主要内容,如果未能解决你的问题,请参考以下文章

React-Antd4的Form表单校验

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

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

antd中validateFields失效问题

表单验证规则---antd

React+Ts+Antd实现Modal弹框中控制多个Tab页的多个Form表单