当前位置：网站首页>Antd Design Form表单检验

Antd Design Form表单检验

2022-04-23 06:05:00 【念雅】

第一种常规用法

<Form.Item
            name={dataIndex}
            style={
   {
              margin: 0,
            }}
            rules={[
              {
                required: must,
                message: ` ${title}不能为空!`,
              },
            ]}
          >
            {inputNode}
          </Form.Item>

第二种根据需要添加规则

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	自定义校验（注意，callback 必须被调用）	function(rule, value, callback)	-
whitespace	必选时，空格是否会被视为错误	boolean	false