chore(Field): split validate method

src/field/index.js

@@ -63,7 +63,7 @@ export default createComponent({
 
   watch: {
     value() {
-      this.resetValidate();
+      this.resetValidation();
       this.$nextTick(this.adjustSize);
     },
   },
@@ -145,61 +145,63 @@ export default createComponent({
       }
     },
 
+    runValidator(validator) {
+      return new Promise(resolve => {
+        const returnVal = validator(this.formValue);
+
+        if (isPromise(returnVal)) {
+          return returnVal.then(resolve);
+        }
+
+        resolve(returnVal);
+      });
+    },
+
+    runRules() {
+      return this.rules.reduce(
+        (promise, rule) =>
+          promise.then(() => {
+            if (this.validateMessage) {
+              return;
+            }
+
+            if (rule.required && this.formValueEmpty) {
+              this.validateMessage = rule.message;
+              return;
+            }
+
+            if (rule.validator) {
+              return this.runValidator(rule.validator).then(result => {
+                if (result === false) {
+                  this.validateMessage = rule.message;
+                }
+              });
+            }
+          }),
+        Promise.resolve()
+      );
+    },
+
     validate() {
       return new Promise(resolve => {
         if (!this.rules) {
           resolve();
         }
 
-        let message;
+        this.runRules().then(() => {
-
+          if (this.validateMessage) {
-        this.rules
+            resolve({
-          .reduce(
+              name: this.name,
-            (promise, rule) =>
+              message: this.validateMessage,
-              promise.then(() => {
+            });
-                if (message) {
+          } else {
-                  return;
+            resolve();
-                }
+          }
-
+        });
-                if (rule.required && this.formValueEmpty) {
-                  ({ message } = rule);
-                  return;
-                }
-
-                if (rule.validator) {
-                  const returnVal = rule.validator(this.formValue);
-
-                  if (returnVal === false) {
-                    ({ message } = rule);
-                    return;
-                  }
-
-                  if (isPromise(returnVal)) {
-                    return returnVal.then(result => {
-                      if (result === false) {
-                        ({ message } = rule);
-                      }
-                    });
-                  }
-                }
-              }),
-            Promise.resolve()
-          )
-          .then(() => {
-            if (message) {
-              this.validateMessage = message;
-              resolve({
-                name: this.name,
-                message,
-              });
-            } else {
-              resolve();
-            }
-          });
       });
     },
 
-    resetValidate() {
+    resetValidation() {
       if (this.validateMessage) {
         this.validateMessage = '';
       }

src/form/test/__snapshots__/demo.spec.js.snap

@@ -24,7 +24,13 @@ exports[`renders demo correctly 1`] = `
       <div class="van-cell van-field">
         <div class="van-cell__title van-field__label"><span>手机号</span></div>
         <div class="van-cell__value van-field__value">
-          <div class="van-field__body"><input type="text" placeholder="手机号" class="van-field__control"></div>
+          <div class="van-field__body"><input type="text" name="phone" placeholder="手机号" class="van-field__control"></div>
+        </div>
+      </div>
+      <div class="van-cell van-field">
+        <div class="van-cell__title van-field__label"><span>验证码</span></div>
+        <div class="van-cell__value van-field__value">
+          <div class="van-field__body"><input type="text" name="code" placeholder="验证码" class="van-field__control"></div>
         </div>
       </div>
       <div style="margin: 16px 16px 0px;"><button class="van-button van-button--info van-button--normal van-button--block van-button--round"><span class="van-button__text">提交</span></button></div>

src/mixins/field.js

@@ -8,7 +8,7 @@ export const FieldMixin = {
   watch: {
     value() {
       if (this.vanField) {
-        this.vanField.resetValidate();
+        this.vanField.resetValidation();
       }
     },
   },