ant4 多个form 验证_AntDesign Form表单字段校验的三种方式

1.使用getFieldDecorator的rules规则

最简单的方法就是使用getFieldDecorator中的rules验证。rules中定义校验规则，message为校验不通过时的提示文字。

{getFieldDecorator(‘inputContent‘, {

rules: [{

required:true,

message:‘请输入内容!‘,

}],

})()}

rules校验规则

参数说明类型默认值

enum

枚举类型

string

-

len

字段长度

number

-

max

最大长度

number

-

message

校验文案

string

ReactNode

min

最小长度

number

-

pattern

正则表达式校验

RegExp

-

required

是否必选

boolean

false

transform

校验前转换字段值

function(value) => transformedValue:any

-

type

内建校验类型，可选项

string

‘string‘

validator

function(rule, value, callback)