netteForms.js: ability to show all error messages at once via Nette.s…

…howErrors() [Closes #65]

src/assets/netteForms.js

@@ -30,6 +30,9 @@
 
 var Nette = {};
 
+Nette.formErrors = [];
+
+
 /**
  * Attaches a handler to an event for the element.
  */
@@ -207,6 +210,7 @@ Nette.validateForm = function(sender) {
 
 	var radios = {}, i, elem;
 
+	Nette.formErrors = [];
 	for (i = 0; i < form.elements.length; i++) {
 		elem = form.elements[i];
 
@@ -224,11 +228,12 @@ Nette.validateForm = function(sender) {
 			continue;
 		}
 
-		if (!Nette.validateControl(elem)) {
+		if (!Nette.validateControl(elem) && !Nette.formErrors.length) {
 			return false;
 		}
 	}
-	return true;
+	Nette.showErrors(Nette.formErrors);
+	return !Nette.formErrors.length;
 };
 
 
@@ -249,14 +254,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.showErrors = function(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();
 	}
 };