AIRAVATA-3277 Dispatch valid/invalid whenever valid changes

Whether input is valid could change either because the value is
invalid or the metadata, like isRequired, have changed.
diff --git a/django_airavata/apps/workspace/django-airavata-workspace-plugin-api/js/input-editors/InputEditorMixin.js b/django_airavata/apps/workspace/django-airavata-workspace-plugin-api/js/input-editors/InputEditorMixin.js
index a3298bd..585697d 100644
--- a/django_airavata/apps/workspace/django-airavata-workspace-plugin-api/js/input-editors/InputEditorMixin.js
+++ b/django_airavata/apps/workspace/django-airavata-workspace-plugin-api/js/input-editors/InputEditorMixin.js
@@ -51,7 +51,6 @@
         valueChanged: function() {
             this.inputHasBegun = true;
             this.$emit('input', this.data);
-            this.checkValidation();
         },
         checkValidation: function() {
             if (this.valid) {
@@ -67,6 +66,9 @@
     watch: {
         value(newValue) {
           this.data = newValue;
+        },
+        valid() {
+          this.checkValidation();
         }
     }
 }