refactor: adjust validator in login page

src/view/Login/index.vue

@@ -38,7 +38,7 @@
 </template>
 
 <script>
-import { validateUsername, validatePassword } from './validator'
+import { validator } from './validator'
 import { userLogin } from 'SERVICES'
 
 export default {
@@ -55,16 +55,16 @@ export default {
         username: [
           {
             // Set `this` value into vueComponent
-            validator: validateUsername.bind(this),
+            validator: validator.bind(this),
             message: '请输入用户名',
             trigger: 'blur'
           }
         ],
         password: [
           {
-            validator: validatePassword.bind(this),
+            validator: validator.bind(this),
             message: '请输入密码',
-            trigger: 'change'
+            trigger: 'blur'
           }
         ]
       }

src/view/Login/validator.js

@@ -1,25 +1,7 @@
-function validateUsername (rule, value, cb) {
-  const login = this.$refs.login
-  if (!value) {
-    cb(new TypeError(rule.message))
-    return
-  }
-  // Invoke vueComponent inner methods
-  if (login.password !== '') {
-    login.validateField('password')
-  }
-  cb()
-}
-
-function validatePassword (rule, value, cb) {
-  if (!value) {
-    cb(new TypeError(rule.message))
-    return
-  }
-  cb()
+function validator (rule, value, cb) {
+  value ? setTimeout(() => cb(), 0) : cb(new Error(rule.message))
 }
 
 export {
-  validateUsername,
-  validatePassword
+  validator
 }