表单校验

src/components/app-form-item/app-form-item.vue

@@ -82,22 +82,36 @@ export default class AppFormItem extends Vue {
      * @memberof AppFormItem
      */
     @Watch('checkValue')
-    checkRule() {
+    checkValueChange(){
+        this.checkRule();
+    }
+
+    public  checkRule(): boolean {
+        let _this = this
         let erro_text :any = "";
+        let isCheck :boolean = true;
+        let required :boolean = true;
         this.rules.forEach((item:any)=>{
-            if(item.hasOwnProperty('pattern') && item.trigger == 'change' && this.checkValue){
+            if(item.hasOwnProperty('pattern') && item.trigger == 'change' &&  _this.checkValue){
                 let pattern: any =  item.pattern;
-                if(!pattern.test(this.checkValue)){
+                if(!pattern.test( _this.checkValue)){
                     erro_text = item.message;
+                    isCheck = false;
                 }
             }
             if(item.hasOwnProperty('required') && item.trigger == 'change'){
-                if(item.required && !this.checkValue){
+                if(item.required && ! _this.checkValue){
                     erro_text = item.message;
+                    required = false;
                 }
             }
         });
         this.errorText = erro_text;
+        if(isCheck && required){
+            return true
+        }else{
+            return false
+        }
     }
 
     /**