1 files changed, 78 insertions, 0 deletions
diff --git a/demo/formulario.js b/demo/formulario.js
new file mode 100755
index 0000000..42e9f4e
--- /dev/null
+++ b/demo/formulario.js
@@ -0,0 +1,78 @@
+/*!
+ * @source: ./formulario.js
+ *
+ * @licstart  The following is the entire license notice for the
+ *  JavaScript code in this page.
+ *
+ * Copyleft 2016 Jesus E. M.
+ *
+ * The JavaScript code in this page is free software: you can
+ * redistribute it and/or modify it under the terms of the GNU
+ * General Public License (GNU GPL) as published by the Free Software
+ * Foundation, either version 3 of the License, or (at your option)
+ * any later version.  The code is distributed WITHOUT ANY WARRANTY;
+ * without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE.  See the GNU GPL for more details.
+ *
+ * As additional permission under GNU GPL version 3 section 7, you
+ * may distribute non-source (e.g., minimized or compacted) forms of
+ * that code without the copy of the GNU GPL normally required by
+ * section 4, provided you include this license notice and a URL
+ * through which recipients can access the Corresponding Source.
+ *
+ * @licend  The above is the entire license notice
+ * for the JavaScript code in this page.
+ *
+ */
+(function(){
+	var formulario = document.formulario_registro,
+		elementos = formulario.elements;
+	// Funciones de comprobación y enviar
+	var validarInputs = function() {
+		for(var i = 0; i < elementos.length; i++) {
+			if (elementos[i].type == "text" || elementos[i].type == "password") {
+				if (elementos[i].value == 0) {
+					console.log('El campo' + elementos[i].name + ' esta incompleto');
+					elementos[i].className = elementos[i].className + ' error';
+					return false;
+				} else{
+					elementos[i].className = elementos[i].className.replace(" error", "");
+				}
+			}
+		}
+
+		return true;
+	};
+
+	var enviar = function(e) {
+		if(!validarInputs()){
+			console.log("Falto validar los Input");
+			e.preventDefault();
+		} else {
+			console.log('Envia');
+		}
+	};
+
+	// Funciones Blur y Focus
+	var focusInput = function() {
+		this.parentElement.children[1].className = "label active";
+		this.parentElement.children[0].className = this.parentElement.children[0].className.replace("error", "");
+	};
+
+	var blurInput = function() {
+		if (this.value <= 0) {
+			this.parentElement.children[1].className = "label";
+			this.parentElement.children[0].className = this.parentElement.children[0].className + " error";
+		}
+	};
+
+	// Eventos
+	formulario.addEventListener("submit", enviar);
+
+	for (var i = 0; i< elementos.length; i++){
+		if (elementos[i].type == "text" || elementos[i].type == "password") {
+			elementos[i].addEventListener("focus", focusInput);
+			elementos[i].addEventListener("blur", blurInput);
+		}
+	}
+}())