Created
May 28, 2018 23:17
-
-
Save MarcAnt/dc49d7ad30a00d5fbbf6d4ad4ab8f44d to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| let formRegistro = document.querySelector('#registro'); | |
| var user = document.querySelector('#usuarioRegistro').value; | |
| let validarUser = () => { | |
| let expression = /^[a-zA-Z0-9]$/; | |
| if(user == "") { | |
| document.querySelector('label[for="usuarioRegistro"]') | |
| .innerHTML = '<p>Elemento vacio</p>'; | |
| return false; | |
| } | |
| if(user.length > 6) { | |
| document.querySelector('label[for="usuarioRegistro"]') | |
| .innerHTML = '<p>No debe ser mayor de 6 caracteres</p>'; | |
| return false; | |
| } | |
| if(!expression.test(user)) { | |
| document.querySelector('label[for="usuarioRegistro"]') | |
| .innerHTML = '<p>Debe incluir sólo números y letras</p>'; | |
| return false; | |
| } | |
| return true; | |
| } | |
| var pass = document.querySelector('#passwordRegistro').value; | |
| let validarPass = () => { | |
| let expression = /^[a-zA-Z0-9]$/; | |
| if(pass == "") { | |
| document.querySelector('label[for="passwordRegistro"]') | |
| .innerHTML = '<p>Elemento vacio</p>'; | |
| return false; | |
| } | |
| if(pass.length < 6) { | |
| document.querySelector('label[for="passwordRegistro"]') | |
| .innerHTML = '<p>Escribe por favor más de 6 caracteres</p>'; | |
| return false; | |
| } | |
| if(!expression.test(pass)) { | |
| document.querySelector('label[for="passwordRegistro"]') | |
| .innerHTML = '<p>Debe incluir: Mayuscula123 </p>'; | |
| return false; | |
| } | |
| return true; | |
| } | |
| var email = document.querySelector('#emailRegistro').value; | |
| let validarEmail = () => { | |
| let expression = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; | |
| if(email == "") { | |
| document.querySelector('label[for="emailRegistro"]') | |
| .innerHTML = '<p>Elemento vacio</p>'; | |
| return false; | |
| } | |
| if(!expression.test(email)) { | |
| document.querySelector('label[for="emailRegistro"]') | |
| .innerHTML = '<p>Debe incluir el formato correcto de correo </p>'; | |
| return false; | |
| } | |
| return true; | |
| } | |
| var terminos = document.querySelector('#terminos').checked; | |
| console.log(terminos); | |
| let validarTerminos = () => { | |
| if(!terminos) { | |
| document.querySelector('#registro') | |
| .innerHTML += '<p>No se logró el registro. Por favor acepte términos y condiciones</p>'; | |
| document.querySelector('#emailRegistro').value = email; | |
| document.querySelector('#passwordRegistro').value = pass; | |
| document.querySelector('#usuarioRegistro').value = user; | |
| return false; | |
| } | |
| return true; | |
| } | |
| console.log(validarTerminos()); | |
| let validar = (e) => { | |
| if(validarUser() && validarPass() && validarEmail() && validarTerminos()) { | |
| //Continua con la ejecución | |
| return true; | |
| }else{ | |
| //Previene el envio de datos | |
| e.preventDefault(); | |
| return false; | |
| } | |
| } | |
| formRegistro.addEventListener('click', validar, false); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment