aboutsummaryrefslogtreecommitdiffstats
path: root/terminado/formulario.js
diff options
context:
space:
mode:
Diffstat (limited to 'terminado/formulario.js')
-rwxr-xr-xterminado/formulario.js89
1 files changed, 45 insertions, 44 deletions
diff --git a/terminado/formulario.js b/terminado/formulario.js
index 42e9f4e..4cc7620 100755
--- a/terminado/formulario.js
+++ b/terminado/formulario.js
@@ -25,54 +25,55 @@
*
*/
(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", "");
- }
- }
- }
+ 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;
- };
+ 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 enviar = function(e) {
+ if(!validarInputs()){
+ console.log("Falto validar los Input");
+ e.preventDefault();
+ } else {
+ console.log('Envia');
+ }
+ };
- var blurInput = function() {
- if (this.value <= 0) {
- this.parentElement.children[1].className = "label";
- this.parentElement.children[0].className = this.parentElement.children[0].className + " error";
- }
- };
+ // 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", "");
+ };
- // Eventos
- formulario.addEventListener("submit", enviar);
+ var blurInput = function() {
+ if (this.value <= 0) {
+ this.parentElement.children[1].className = "label";
+ this.parentElement.children[0].className = this.parentElement.children[0].className + " error";
+ }
+ };
- 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);
- }
- }
+ // 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);
+ }
+ }
}())