Browse Source

邮箱验证

zweizhao 7 years ago
parent
commit
6899a80918
1 changed files with 14 additions and 3 deletions
  1. 14 3
      pages/user/register.vue

+ 14 - 3
pages/user/register.vue

@@ -10,7 +10,7 @@
       label-width="100px"
       class="demo-ruleForm"
       label-position="top"
-      :hide-required-asterisk="false"
+      :hide-required-asterisk="true"
     >
       <el-form-item label="手机号" prop="mobile">
         <input-area @change="chengeMobile"></input-area>
@@ -33,7 +33,7 @@
       label-width="100px"
       class="demo-ruleForm"
       label-position="top"
-      :hide-required-asterisk="false"
+      :hide-required-asterisk="true"
     >
       <el-form-item label="邮箱" prop="email">
         <el-input placeholder="请输入邮箱" v-model="ruleFormEmail.email"></el-input>
@@ -80,6 +80,17 @@ export default {
     Agreement,
   },
   data() {
+    let validateEmail = (rule, value, callback) => {
+      if(!value.trim()) {
+        callback(new Error('请输入邮箱'))
+      } else {
+        if(value.match(/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/)) {
+          callback()
+        }else {
+          callback(new Error('邮箱格式不正确!'))
+        }
+      }
+    }
     return {
       agreeShow: false,
       usePhone: true,
@@ -112,7 +123,7 @@ export default {
       },
       rulesEmail: {
         email: [
-          { required: true, message: '请输入手机号', trigger: 'blur' },
+          { validator: validateEmail, trigger: 'blur' },
         ],
         ver: [
           { required: true, message: '请输入验证码', trigger: 'blur' },