使用正则校验字符串中多个电话号码的方法

1、需求：

	1.收集输入框中输入的多个电话号码
	2.对收集到电话号码进行逐个校验，只要其中有一个错误就抛出异常，停止继续往下面执行

2、效果图

3、html代码

    <van-field
      v-model="data.lxdh" 
      name="lxdh"
      label="联系电话"
      placeholder="请输入联系电话"
      rows="1"
      autosize
      type="textarea"
      :readonly="type == 'view' || isView"
      :rules="[{ validator: validatePhone, message: '请输入正确的联系电话' }]"
    />

4、js代码

methods：{   
 validatePhone(val) {
      if (!val) { //首先判断有没有值
        return true;
      }
      let b = val.split(/,|;|，|；/); //这里是将收集到的值（字符串）给转换为数组
      const res =
        /^1\d{10}$|^(0\d{2,3}-?|\(0\d{2,3}\))?[1-9]\d{4,7}(-\d{1,8})?$/;
        //这里定义正则规则（这里同时验证移动电话号码和固话电话号码）
      return b.every((i) => {
      //循环遍历数组中的每一个值
        return res.test(i);
        //一旦发现数组中有一个通不过正则规则的参数就将起抛出来，终止循环，在页面上报错提示用户
      });
    },
    }