關於antd的表單驗證

有時候驗證不了，可能需要加上submitting

const {
     form: { getFieldDecorator },
     submitting,
   } = this.props;

<Button type="primary" htmlType="submit" onSubmit={this.submit} loading={submitting} >

有時候發現驗證不生效，點擊了提交但是沒反應。
原因是自定義驗證規則寫錯了。

{
    getFieldDecorator('contactPhone', {
        initialValue: baseInfo.contactPhone,
        rules: [
           {
               required: true,
                message: '聯系人手機為必填項' 
           },
           { validator: this.checkPhoneNub }//自定義檢驗
        ],
    })(
    <Input 
        style={{width:220}} 
        autoComplete="off"
    ></Input>
    )
}    

下面是自定義驗證規則

checkPhoneNub(rule, value, callback) {
    var regu = "^1[0-9]{10}$";//手機號碼驗證regEx:第一位數字必須是1，11位數字
    var re = new RegExp(regu);
    if ( re.test(value)) {
      callback();
    }else {
        callback('請正確輸入手機號！');
    }
  }