当前位置：网站首页>Antd design form verification

Antd design form verification

2022-04-23 13:38:00 【Nianya】

The first general usage 

<Form.Item
            name={dataIndex}
            style={
   {
              margin: 0,
            }}
            rules={[
              {
                required: must,
                message: ` ${title} Can't be empty !`,
              },
            ]}
          >
            {inputNode}
          </Form.Item>

The second kind Add rules as needed

rules Validation rules

Parameters explain type The default value is
enum Enumeration type string -
len Field length number -
max Maximum length number -
message Check copy string ReactNode
min Minimum length number -
pattern Regular expression check RegExp -
required Whether the choice boolean false
transform Convert field values before validation function(value) => transformedValue:any -
type Built-in check type , optional string ‘string’
validator Custom check （ Be careful ,callback Must be called ） function(rule, value, callback) -
whitespace When the choice , Whether whitespace is considered an error boolean false

async-validator Detailed usage
Original learning address

版权声明
本文为[Nianya]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/04/202204230605115851.html

边栏推荐

猜你喜欢

随机推荐