手机号格式校验

这种写法不仅可以用于手机号格式校验，还可以用于身份证、邮编等等字段输入编辑校验，只需要更换对应的正则表达式

---

phoneNum：手机号码实体类字段

^1[3|4|5|7|8|9][0-9]\d{8}$：手机号正则表达式（匹配以1开头，第二位是3、4、5、7、8、9中的一个，第三位是0到9中的任意一个数字，然后是8位任意数字的字符串）

---

提示：以下是本篇文章正文内容，下面案例可供参考

表头：用于列表显示

 data () {
   return {
     description: '这是手机号校验格式页面',
     // 表头
     columns: [
       {
         title: "手机号码",
         align:"center",
         width:140,
         dataIndex: 'phoneNum',
       },
     ],
   }
 }

新增、编辑、查看页：

手机号输入

  <a-form-model ref='form' :layout='formLayout' :model='model' :rules='validatorRules' :hideRequiredMark='formDisabled' slot='detail'>
    <a-col :span='12'>
      <a-form-model-item :label="手机号" :labelCol='labelCol' :wrapperCol='wrapperCol' prop='phoneNum'>
        <j-input type='from' :trim='true' v-if='!formDisabled' :placeholder="请输入手机号" v-model='model.phoneNum' />
        <span v-else>{{ model.phoneNum}}</span>
      </a-form-model-item>
    </a-col>
  </a-form-model>

data对象：

  data() {
    return {
      validatorRules: {
        // 字段校验
        phoneNum: [{ validator: this.validatePhone }]
      },
    }
  }

methods对象：这段代码中的dataId极为重要

  methods: {
    validatePhone(rule, value, callback) {
      if (!value) {
        callback()
      } else {
        if (new RegExp(/^1[3|4|5|7|8|9][0-9]\d{8}$/).test(value)) {
          var params = {
            tableName: 'test_info',  // 数据库名 
            fieldName: 'phone_num',  // 数据库字段
            fieldVal: value,   // 要插入/更新的值，看看这个值在这个表中是否重复
            dataId: this.model.id  // 本次更新数据的主键，用于排除自己，dataId只在更新的时候起作用，避免自己和自己比较是否重复
          }
          duplicateCheck(params).then((res) => {
            if (res.success) {
              callback()
            } else {
              callback("手机号码已存在")
            }
          })
        } else {
          callback("请输入正确格式的手机号码")
        }
      }
    },
  }