diff options
Diffstat (limited to 'terminado/formulario.js')
-rwxr-xr-x | terminado/formulario.js | 89 |
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); + } + } }()) |