26995

packages/3.0.0/AppConvenienceAddressBook/components/Add.vue

@@ -17,7 +17,7 @@
             <el-form-item style="width: 100%" label="类型" prop="type" :rules="[{ required: true, message: '请输入类型', trigger: 'change' }]">
               <el-input size="small" placeholder="请输入类型" v-model="form.type"></el-input>
             </el-form-item>
-            <el-form-item style="width: 100%" label="电话" prop="phone" :rules="[{ required: true, message: '请输入电话', trigger: 'blur' }]">
+            <el-form-item style="width: 100%" label="电话" prop="phone" :rules="[{ validator: regPhone, message: '请输入电话', trigger: 'blur' }]">
               <el-input size="small" placeholder="请输入电话" show-word-limit maxlength="11" v-model="form.phone"></el-input>
             </el-form-item>
             <el-form-item style="width: 100%;" label="是否公开" prop="isPublic" :rules="[{ required: true, message: '请选择是否公开', trigger: 'change' }]">
@@ -48,6 +48,18 @@
     },
 
     data () {
+      var regPhone = (rule, value, callback) => {
+        if (!value) {
+          return callback(new Error('请输入电话'))
+        } else {
+          const reg = /^1[3|4|5|7|8][0-9]\d{8}$/
+          if (reg.test(value)) {
+            callback()
+          } else {
+            return callback(new Error('请输入正确的电话号码'))
+          }
+        }
+      }
       return {
         info: {},
         form: {
@@ -59,6 +71,7 @@
           type: '',
         },
         id: '',
+        regPhone,
         areaList: []
       }
     },