antd 自定义表单验证 onBlur

<Form.Item label="邮箱" hasFeedback>
            {getFieldDecorator('email', {
              initialValue: userData.email,
              validateFirst: true,
              validateTrigger: 'onBlur',
              rules: [
                {
                  required: true,
                  whitespace: true,
                  message: '邮箱不能为空',
                },
                {
                  type: 'email',
                  message: '邮箱格式不合法!',
                },
                {
                  validator: this.validatorEmail,
                },
              ],
            })(<Input placeholder="请输入邮箱" />)}


<Form.Item label="邮箱" hasFeedback>
            {getFieldDecorator('email', {
              initialValue: userData.email,
              validateFirst: true,
              validate: [
                {
                  trigger: 'onChange',
                  rules: [
                    {
                      required: true,
                      whitespace: true,
                      message: '邮箱不能为空',
                    },
                    {
                      type: 'email',
                      message: '邮箱格式不合法!',
                    },
                  ],
                },
                {
                  trigger: 'onBlur',
                  rules: [
                    {
                      validator: this.validatorEmail,
                    },
                  ],
                },
              ],
            })(<Input placeholder="请输入邮箱" />)}

posted @ 2019-12-12 17:58  ytsee  阅读(491)  评论(0)    收藏  举报