antdv中表單添加電話校驗

這里是表單中的代碼

   <a-form-item label="客戶電話" :labelCol="labelCol" :wrapperCol="wrapperCol">
          <a-input
            v-decorator="['customerPhone', {rules: [{ required: true, message: '請填寫客戶電話!',whitespace: true,},{validator:phoneCheck.bind(this)} ] },]"
            placeholder="請輸入客戶電話"></a-input>
        </a-form-item>

whitespace:是當輸入的內容有空格時是否忽略（true:不忽略，有空格會錯誤；false:忽略，有空格的話自動過濾）

這里是methods中的校驗方法：

 phoneCheck(rule, value, callbackFn) {
        const reg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/
        if (!reg.test(value)) {
          callbackFn('請輸入正確的手機號碼')
          return
        }
        callbackFn()
      },