netteForms.js: ability to show all error messages at once via Nette.showErrors() [Closes #65]

Author: hranicka

src/assets/netteForms.js

@@ -30,6 +30,9 @@
 
 var Nette = {};
 
+Nette.formErrors = [];
+
+
 /**
  * Attaches a handler to an event for the element.
  */
@@ -196,11 +199,14 @@ Nette.validateForm = function(sender) {
 	var form = sender.form || sender,
 		scope = false;
 
+	Nette.formErrors = [];
+
 	if (form['nette-submittedBy'] && form['nette-submittedBy'].getAttribute('formnovalidate') !== null) {
 		var scopeArr = Nette.parseJSON(form['nette-submittedBy'].getAttribute('data-nette-validation-scope'));
 		if (scopeArr.length) {
 			scope = new RegExp('^(' + scopeArr.join('-|') + '-)');
 		} else {
+			Nette.showFormErrors(form, []);
 			return true;
 		}
 	}
@@ -224,11 +230,12 @@ Nette.validateForm = function(sender) {
 			continue;
 		}
 
-		if (!Nette.validateControl(elem)) {
+		if (!Nette.validateControl(elem) && !Nette.formErrors.length) {
 			return false;
 		}
 	}
-	return true;
+	Nette.showFormErrors(form, Nette.formErrors);
+	return !Nette.formErrors.length;
 };
 
 
@@ -249,14 +256,29 @@ Nette.isDisabled = function(elem) {
 
 
 /**
- * Display error message.
+ * Adds error message to the queue.
  */
 Nette.addError = function(elem, message) {
-	if (message) {
-		alert(message);
+	Nette.formErrors.push({
+		element: elem,
+		message: message
+	});
+};
+
+
+/**
+ * Display error messages.
+ */
+Nette.showFormErrors = function(form, errors) {
+	if (!errors.length) {
+		return;
+	}
+	var error = errors[0];
+	if (error.message) {
+		alert(error.message);
 	}
-	if (elem.focus) {
-		elem.focus();
+	if (error.element.focus) {
+		error.element.focus();
 	}
 };