添加手机校验

马宇豪

2023-10-31 c7bd1a3fd46b5d5f887ce4f674387294ee1e8ccd

添加手机校验

 src/util/validate.js

@@ -227,10 +227,8 @@
 * @returns 返回 true: 国内电话号码正确
 */
export function verifyTelPhone(val) {
    // false: 国内电话号码不正确
    if (!/\d{3}-\d{8}|\d{4}-\d{7}/.test(val)) return false;
    // true: 国内电话号码正确
    else return true;
    var regex = /^\d{11}$/;  // 正则表达式，\d 匹配数字，{11} 表示匹配11次
    return regex.test(val);
}

/**

 src/views/Admin/components/sameLevelMod.vue

@@ -57,11 +57,22 @@
<script>

import {addRecipient, addUser, updateRecipient, updateUser} from "@/api/user";

import {verifySimplePhone} from "@/util/validate";
export default {
  name: 'userMod',
  props: [],
  data () {
    let validatePhone = (rule, value, callback)=>{
      if(value === ''){
        callback(new Error('请输入手机号'))
      }else{
        if(!verifySimplePhone(value)){
          callback(new Error('手机号格式有误'))
        }else{
          callback()
        }
      }
    }
    return {
      title: '新增用户',
      visible: false,
@@ -87,7 +98,7 @@
      rules: {
        recipientName: [{ required: true, message: '请输入姓名或称呼', trigger: 'blur'}],
        company: [{ required: true, message: '请输入单位名称（备注）', trigger: 'blur'}],
        phone: [{ required: true, message: '请输入手机号', trigger: 'blur'}]
        phone: [{ required: true, validator: validatePhone, trigger: 'blur'}]
      }
    }
  },