ant design vue表單中自定義檢驗規則,如手機號碼

<a-form-item
                label="手機號碼"
                :label-col="{ span: 8 }"
                :wrapper-col="{ span: 16 }"
              >
                <a-input
                  v-decorator="[
                    'user_phone',
                    {rules: [{ required: true, message: '請輸入手機號碼', whitespace: true},{validator:phoneCheck.bind(this)}]}
                  ]" />
              </a-form-item>

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

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章