fix submit button issues

vue-generators · Feb 23, 2017 · d2e3b07 · d2e3b07
1 parent 15bf501
commit d2e3b07
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 2 deletions.
diff --git a/dev/full/schema.js b/dev/full/schema.js
@@ -364,7 +364,11 @@ module.exports = {
 				console.log("Form submitted!", model);
 				alert("Form submitted!");
 			},
-			styleClasses: "half-width"
+			styleClasses: "half-width",
+			disabled() {
+				//console.log("Disabled: ", this.errors.length > 0);
+				return this.errors.length > 0;
+			}
 		}, {
 			type: "select",
 			label: "Type (select field)",

diff --git a/src/fields/core/fieldSubmit.vue b/src/fields/core/fieldSubmit.vue
@@ -1,5 +1,5 @@
 <template lang="jade">
-	input(type="submit", :value="schema.buttonText", @click="click", :name="schema.inputName")
+	input(type="submit", :value="schema.buttonText", @click="click", :name="schema.inputName", :disabled="disabled")
 </template>
 
 <script>

diff --git a/src/formGenerator.vue b/src/formGenerator.vue
@@ -402,6 +402,11 @@ div
 					box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 				}
 
+				&:disabled {
+					opacity: 0.6;
+					cursor: not-allowed;
+				}				
+
 			} // button, input[submit]
 
 		} // .field-wrap