antdv中表单添加电话校验

时间：2020-06-11 13:55:05 收藏：0 阅读：414

这里是表单中的代码

   <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()
      },

原文：https://www.cnblogs.com/yaya-003/p/13092114.html