antd form 按rules 顺序校验

validateFirst: true,
          <Item label="账号" hasFeedback>
            {getFieldDecorator('loginName', {
              validateFirst: true,
              rules: [
                {
                  required: true,
                  whitespace: true,
                  message: '账号不能为空',
                },
                { min: 4, message: '账号至少4位' },
                { max: 18, message: '账号最多18位' },
                { pattern: /^[a-zA-Z0-9_]+$/, message: '账号必须是英文、数字或者下划线组成' },
                {
                  validator: this.validatorLoginName,
                },
              ],
            })(<Input placeholder="请输入账号" />)}
          </Item>

posted @ 2020-03-11 14:44  ytsee  阅读(304)  评论(0)    收藏  举报