ayanova/src/api/gzvalidate.js

@@ -477,7 +477,10 @@ Here are all the API level error codes that can be returned by the API server:
       return o.target == ref;
     });
 
-    console.log("Removed:");
-    console.log(m);
+    //if a target was hit then need to trigger validate again for it to remove the error message
+    if (m.length > 0) {
+      var ctrl = getControl(v, ref);
+      ctrl.errorMessages=[];
+    }
   }
 };

ayanova/src/views/inventory-widget-edit.vue

@@ -18,9 +18,10 @@
           <v-flex xs12 sm6 lg4 xl3 px-2>
             <v-text-field
               v-model="obj.name"
+              clearable
               :counter="255"
               :label="this.$gzlocale.get('WidgetName')"
-              :rules="[this.$gzv.Max255(this,'name')]"
+              :rules="[this.$gzv.Max255(this,'name'),this.$gzv.Required(this,'name')]"
               :error-messages="this.$gzv.ServerErrors(this,'name')"
               ref="name"
               @change="Change('name')"
@@ -29,10 +30,11 @@
           <v-flex xs12 sm6 lg4 xl3 px-2>
             <v-text-field
               v-model="obj.serial"
+              clearable
               :counter="10"
               :label="this.$gzlocale.get('WidgetSerial')"
               :rules="[this.$gzv.MaxLength(this,'serial',10)]"
-              :error-messages="this.$gzv.ServerErrors(this,'count')"
+              :error-messages="this.$gzv.ServerErrors(this,'serial')"
               ref="serial"
               @change="Change('serial')"
             ></v-text-field>
@@ -40,6 +42,7 @@
           <v-flex xs12 sm6 lg4 xl3 px-2>
             <v-text-field
               v-model="obj.count"
+              clearable
               :counter="10"
               :label="this.$gzlocale.get('WidgetCount')"
               ref="count"