添加邮箱格式校验

src/views/user/components/adminInfo.vue

@@ -33,6 +33,7 @@
           v-model="form.telephone"
           placeholder="请输入固定电话"
           input-align="right"
+          :rules="[{ validator: validatorTel, message: '固定电话格式错误！' }]"
         />
         <van-field
           label="微信"
@@ -47,6 +48,7 @@
           v-model="form.email"
           placeholder="请输入邮箱"
           input-align="right"
+          :rules="[{ validator: validatorMail, message: '邮箱格式错误' }]"
         />
       </div>
       <div class="admin-detail-button" v-if="!disabled">
@@ -61,9 +63,7 @@
 </template>
 
 <script>
-// { pattern: /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/, message: '固定电话格式错误！'}
 // { pattern: /^[a-zA-Z][a-zA-Z0-9_-]{5,19}$/, message: '微信号格式错误！'}
-// { pattern: /^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/, message: '邮箱格式错误！'}
 import Header from "@/components/Header/index.vue";
 export default {
   components: { Header },
@@ -86,6 +86,18 @@ export default {
     this.getUserInfo();
   },
   methods: {
+    validatorTel(val){
+      if(val !== 0 && val){
+        return /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/.test(val);
+      }
+      return true
+    },
+    validatorMail(val) {
+      if(val !== 0 && val){
+        return /^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/.test(val);
+      }
+      return true
+    },
     getUserInfo() {
       let vm = this
       let param = {