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="请输入邮箱" />)}