大陆手机号校验

最新推荐文章于 2024-04-01 17:08:32 发布

农夫_山泉水

最新推荐文章于 2024-04-01 17:08:32 发布

阅读量500

点赞数 1

分类专栏：前端文章标签： vue javascript

本文链接：https://blog.csdn.net/qq_47793359/article/details/125576359

版权

前端专栏收录该内容

19 篇文章 0 订阅

订阅专栏

<template>
<div>
 <!-- 联系人 备注 -->
          <div class="remark">
            <div class="remark-wrapper">
              <div class="site">
                <van-image width="12px" :src="iconShop" alt="" />
                <!-- <img width="12px" :src="" alt=""> -->
                <span class="site-text">{{ $route.query.mallName }}</span>
              </div>
              <van-field v-model.trim="formData.linkman" label="联系人" placeholder="请输入" input-align="right" />
              <van-field
                v-model.trim="formData.linkway"
                label="联系方式"
                type="tel"
                placeholder="请输入"
                input-align="right"
              />
              <van-field
                v-model="formData.remark"
                rows="1"
                autosize
                label="备注"
                type="textarea"
                placeholder="选填，请先与商家协商一致"
                input-align="right"
              />
            </div>
          </div>
<div/>
<template/> 
export default {
data(){
return {
 formData: {
        linkman: '',
        linkway: '',
        remark: ''
      },
},
method:{
//提交事件
  orderSubmit() {
      if (!this.leaseTimeList.length) return this.$toast('商品已失效,请重新选择');
      if (!this.formData.linkman) return this.$toast('请输入联系人');
      const validatePhone = this.validateContactPhone(this.formData.linkway);
      if (!validatePhone) return;
      if (!this.isChecked) return this.$toast('请先阅读并同意共享空间服务须知');
      this.showConfirmPayDialog = true;
    },
//手机号校验规则
validateContactPhone(value) {
      const testPhone =
        /^((\+?86)|(\(\+86\)))?(13[012356789][0-9]{8}|15[012356789][0-9]{8}|18[02356789][0-9]{8}|147[0-9]{8}|1349[0-9]{7})$/;
      const testFixedPhone = /^([0-9]{3,4}-)?[0-9]{7,8}$/;
      if (value.length <= 0) {
        this.$toast('请输入联系方式');
        return false;
      }
      if (!testPhone.test(value) && !testFixedPhone.test(value)) {
        this.$toast('请输入正确的联系方式');
        return false;
      }
      return true;
    },
}

记录一下工作中遇到的手机格式校验的方法