手机号校验问题

src/modules/base/components/ModifyUser.vue

@@ -37,7 +37,7 @@
           clearable
         ></el-input>
       </el-form-item>
-      <el-form-item label="手机号：">
+      <el-form-item prop="mobileNumber" label="手机号：">
         <el-input
           v-model.trim="modalForm.mobileNumber"
           placeholder="请输入手机号"
@@ -137,6 +137,17 @@ export default {
         callback();
       }
     };
+    const mobileNumberValidator = (rule, value, callback) => {
+      if (!value) {
+        return callback();
+      }
+
+      if (/^1\d{10}$/.test(value)) {
+        return callback();
+      } else {
+        return callback(new Error("请输入合适的手机号码"));
+      }
+    };
 
     const IS_SUPER_ADMIN =
       this.$ls.get("user", { loginName: "" }).loginName === SYS_ADMIN_NAME;
@@ -146,7 +157,13 @@ export default {
       isSubmit: false,
       modalForm: {},
       rules: {
-        // mobileNumber: phone,
+        mobileNumber: [
+          {
+            required: false,
+            validator: mobileNumberValidator,
+            trigger: "change"
+          }
+        ],
         loginName: [
           {
             required: true,