手机号增加校验

yangfeng

2023-07-28 4fc4068252f1a07e0f42c20ad058a32c87f85a28

手机号增加校验

 src/views/client/client/AddClientManageDialog.vue

@@ -157,7 +157,12 @@
              </el-col>
              <el-col :span="12">
                <el-form-item label="联系人手机" prop="contact_phone">
                  <el-input v-model="editConfig.infomation.contact_phone"></el-input>
                  <el-input
                    v-model="editConfig.infomation.contact_phone"
                    maxlength="11"
                    show-word-limit
                    oninput="value=value.replace(/[^\d]/g,'')"
                  ></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
@@ -506,7 +511,16 @@
        name: [{ required: true, message: "请输入客户名称", trigger: "blur" }],
        client_status_id: [{ required: true, message: "请选择客户状态", trigger: "change" }],
        member_id: [{ required: true, message: "请选择销售负责人", trigger: "change" }],
        approvalOpinion: [{ required: true, message: "请输入审批意见", trigger: "blur" }]
        approvalOpinion: [{ required: true, message: "请输入审批意见", trigger: "blur" }],
        contact_phone: [
          { required: false, message: "", trigger: "blur" },
          { len: 11, message: "长度在11个字符", trigger: "blur" },
          {
            pattern: /^1(3\d|4[5-9]|5[0-35-9]|6[2567]|7[0-8]|8\d|9[0-35-9])\d{8}$/,
            message: "请输入正确的手机号",
            trigger: "blur"
          }
        ]
      },
      memberOptions: [],
      clientStatusOptions: [], // 客户状态

 src/views/client/contacts/AddContactsDialog.vue

@@ -51,7 +51,12 @@
              </el-col>
              <el-col :span="12">
                <el-form-item label="手机" prop="phone">
                  <el-input v-model="editConfig.infomation.phone"></el-input>
                  <el-input
                    v-model="editConfig.infomation.phone"
                    maxlength="11"
                    show-word-limit
                    oninput="value=value.replace(/[^\d]/g,'')"
                  ></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
@@ -262,7 +267,16 @@
      rules: {
        name: [{ required: true, message: "请输入", trigger: "blur" }],
        number: [{ required: true, message: "请输入", trigger: "blur" }],
        member_id: [{ required: true, message: "请选择", trigger: "change" }]
        member_id: [{ required: true, message: "请选择", trigger: "change" }],
        phone: [
          { required: false, message: "", trigger: "blur" },
          { len: 11, message: "长度在11个字符", trigger: "blur" },
          {
            pattern: /^1(3\d|4[5-9]|5[0-35-9]|6[2567]|7[0-8]|8\d|9[0-35-9])\d{8}$/,
            message: "请输入正确的手机号",
            trigger: "blur"
          }
        ]
      },
      businessSourceOptions: [
        { value: "1", label: "后台注册" },

 src/views/client/followupRecords/AddFollowupRecordsDialog.vue

@@ -101,7 +101,12 @@
              </el-col>
              <el-col :span="12">
                <el-form-item label="联系方式" prop="phoneNumber">
                  <el-input v-model="editConfig.infomation.phoneNumber"></el-input>
                  <el-input
                    v-model="editConfig.infomation.phoneNumber"
                    maxlength="11"
                    show-word-limit
                    oninput="value=value.replace(/[^\d]/g,'')"
                  ></el-input>
                </el-form-item>
              </el-col>
              <el-col v-if="isUnflod" :span="12">
@@ -263,7 +268,16 @@
        number: [{ required: true, message: "请输入跟进记录编号", trigger: "blur" }],
        member_id: [{ required: true, message: "请选择负责人", trigger: "change" }],
        record: [{ required: true, message: "请输入跟进记录", trigger: "blur" }],
        content: [{ required: true, message: "请输入内容", trigger: "blur" }]
        content: [{ required: true, message: "请输入内容", trigger: "blur" }],
        phoneNumber: [
          { required: false, message: "", trigger: "blur" },
          { len: 11, message: "长度在11个字符", trigger: "blur" },
          {
            pattern: /^1(3\d|4[5-9]|5[0-35-9]|6[2567]|7[0-8]|8\d|9[0-35-9])\d{8}$/,
            message: "请输入正确的手机号",
            trigger: "blur"
          }
        ]
      },
      clientStatusOptions: [], // 客户状态
      memberOptions: [],

 src/views/client/salesLead/AddSalesLeadDialog.vue

@@ -46,7 +46,12 @@
            <el-row>
              <el-col :span="12">
                <el-form-item label="手机号码" prop="contact_phone">
                  <el-input v-model="editConfig.infomation.contact_phone"></el-input>
                  <el-input
                    v-model="editConfig.infomation.contact_phone"
                    maxlength="11"
                    show-word-limit
                    oninput="value=value.replace(/[^\d]/g,'')"
                  ></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
@@ -252,7 +257,16 @@
        name: [{ required: true, message: "请输入客户名称", trigger: "blur" }],
        number: [{ required: true, message: "请输入销售线索编号", trigger: "blur" }],
        businessStatus: [{ required: true, message: "请输入商机状态", trigger: "blur" }],
        sales_sources_id: [{ required: true, message: "请选择商机来源", trigger: "change" }]
        sales_sources_id: [{ required: true, message: "请选择商机来源", trigger: "change" }],
        contact_phone: [
          { required: false, message: "", trigger: "blur" },
          { len: 11, message: "长度在11个字符", trigger: "blur" },
          {
            pattern: /^1(3\d|4[5-9]|5[0-35-9]|6[2567]|7[0-8]|8\d|9[0-35-9])\d{8}$/,
            message: "请输入正确的手机号",
            trigger: "blur"
          }
        ]
      },
      businessSourceOptions: [],
      ownerOptions: [],
@@ -381,6 +395,11 @@
        this.editConfig.infomation.region_id === 0 ? "" : this.editConfig.infomation.region_id
      this.editConfig.infomation.country_id =
        this.editConfig.infomation.country_id === 0 ? "" : this.editConfig.infomation.country_id
    },
    // 手机号输入
    confirmPhone(value) {
      const inputValue = value.replace(/[^\d*]/g, "")
      this.editConfig.infomation.contact_phone = inputValue
    }
  }
}