测试接口

frontend/src/views/Login/Login.vue

@@ -40,6 +40,9 @@
       <el-form-item label="地址：" prop="address">
         <el-input type="address" v-model="registerForm.address" autocomplete="off"></el-input>
       </el-form-item>
+      <el-form-item label="昵称：" prop="name">
+        <el-input type="name" v-model="registerForm.name" autocomplete="off"></el-input>
+      </el-form-item>
 
       <el-form-item>
         <el-button type="primary" @click="register('registerForm')">注册</el-button>
@@ -56,9 +59,19 @@ export default {
   name: 'Login',
   data () {
     var validateUsername = (rule, value, callback) => {
+      var reg = /^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/;
       if (value === '') {
         callback(new Error('请输入用户名！'))
       } 
+      else if(this.number.length ==11){
+        if(!reg.test(this.number)){
+            this.isShow = true;
+        }
+        else {
+            this.disabled = false;
+            console.log('电话号码输入正确！');
+        }
+      }
       else {
         callback()
       }
@@ -84,6 +97,12 @@ export default {
       }
       callback()
     }
+    var validateName = (rule, value, callback) => {
+      if (value === '') {
+        callback(new Error('请输入昵称！'))
+      }
+      callback()
+    }
     return {
       showLogin: true,
       loading: false,
@@ -101,6 +120,7 @@ export default {
         password: '',
         rePassword: '',
         address: '',
+        name:'',
         //validCode: '',
         id: ''
       },
@@ -119,6 +139,9 @@ export default {
         ],
         address: [
           { validator: validateAddress, trigger: 'blur' }
+        ],
+        name: [
+          { validator: validateName, trigger: 'blur' }
         ]
       }
     }