手机号格式验证

src/views/modules/cus/customer-add-or-update.vue

@@ -96,6 +96,7 @@
 <script>
   import UserComponent from '../common/user-component'
   import { getLevel } from '@/api/cus'
+  import { isMobile } from '@/utils/validate'
   export default {
     components: { UserComponent },
     computed: {
@@ -104,6 +105,13 @@
       }
     },
     data () {
+      let validateMobile = (rule, value, callback) => {
+        if (!isMobile(value)) {
+          callback(new Error('手机号格式错误'))
+        } else {
+          callback()
+        }
+      }
       return {
         visible: false,
         options: [],
@@ -126,9 +134,15 @@
           customerType: [{required: true, message: '客户类型不能为空', trigger: 'blur'}],
           level: [{ required: true, message: '客户级别不能为空', trigger: 'blur' }],
           address: [{ required: true, message: '详细地址不能为空', trigger: 'blur' }],
-          tel: [{ required: true, message: '电话不能为空', trigger: 'blur' }],
+          tel: [
+            { required: true, message: '电话不能为空', trigger: 'blur' },
+            { validator: validateMobile, trigger: 'blur' }
+          ],
           contact: [{ required: true, message: '联系人不能为空', trigger: 'blur' }],
-          contactTel: [{ required: true, message: '手机号码不能为空', trigger: 'blur' }],
+          contactTel: [
+            { required: true, message: '手机号码不能为空', trigger: 'blur' },
+            { validator: validateMobile, trigger: 'blur' }
+          ],
           bizManager: [{ required: true, message: '对接业务员不能为空', trigger: 'blur' }],
           taxNumber: [{ required: true, message: '企业税号不能为空', trigger: 'blur' }],
           invoiceTitle: [{ required: true, message: '发票抬头不能为空', trigger: 'blur' }],