form表单自定义验证规则

// 自定义检验规则，（注意，callback 必须被调用）
// 校验中文名称
  checkFieldName = (_rule, value, callback) => {
    if (value && value.length > 50) {
      callback('文本长度过长');
    } else if (/\s/.test(value)) {
      callback('请删除空格');
    } else callback();
  }

//表单
<Form key="field">
        <Form.Item label="字段名称" {...formItemLayoutInModel}>
          {getFieldDecorator('field.field_name', {
            validateTrigger: ['onChange', 'onBlur'],
            rules: [{ required: true, message: '请输入字段名称' },
              { validator: this.checkFieldName }], //自定义校验规则
          })(<Input style={{ width: 200 }} />)}
        </Form.Item>
        <Form.Item label="字段英文名称" {...formItemLayoutInModel} className="field_ename">
          {getFieldDecorator('field.field_ename', {
            validateTrigger: ['onChange', 'onBlur'],
            rules: [{ required: true, message: '请输入字段英文名称' },
              { validator: this.checkFieldEName }],
          })(<Input style={{ width: 200 }} disabled />)}
        </Form.Item>
        <Form.Item label="字段类型" {...formItemLayoutInModel}>
          {getFieldDecorator('field.field_type', {
            rules: [{ validator: this.checkCommon }],
          })(<Input style={{ width: 200 }} />)}
        </Form.Item>
        <Form.Item label="字段单位" {...formItemLayoutInModel}>
          {getFieldDecorator('field.field_unit', {
            rules: [{ validator: this.checkCommon }],
          })(<Input style={{ width: 200 }} />)}
        </Form.Item>
        <Form.Item label="枚举类型" {...formItemLayoutInModel}>
          {getFieldDecorator('field.enum_type', {
            rules: [{ validator: this.checkCommon }],
          })(<Input style={{ width: 200 }} />)}
        </Form.Item>
        <Form.Item label="是否系统字段" {...formItemLayoutInModel}>
          {getFieldDecorator('field.is_sys_field')(
            <FormSelect
              data={isSysFieldType}
              style={{ width: 200 }}
            />
          )}
        </Form.Item>
        <Form.Item label="备注" {...formItemLayoutInModel}>
          {getFieldDecorator('field.remark', {
            rules: [{ validator: this.checkRemark }],
          })(<Input style={{ width: 200 }} />)}
        </Form.Item>
      </Form>