/
formulario.js
71 lines (63 loc) · 2.61 KB
/
formulario.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
const formulario = document.getElementById('formulario'),
nombre = formulario.nombre,
correo = formulario.correo,
contraseña = formulario.contraseña,
contraseña2 = formulario.contraseña2,
sexo = formulario.sexo,
terminos = formulario.terminos,
error = document.getElementById('error');
//Validacion de campos
let validarNombre = (e) => {
if(nombre.value == ''|| nombre.value == null){
console.log('Por favor completa el nombre');
error.style.display = 'block';
error.innerHTML = error.innerHTML + '<li> Por favor completa el nombre </li>';
e.preventDefault();
}
}
let validarCorreo = (e) => {
if(correo.value == ''|| correo.value == null){
console.log('Por favor completa el correo');
error.style.display = 'block';
error.innerHTML = error.innerHTML + '<li> Por favor completa el correo </li>';
e.preventDefault();
}
}
let validarSexo = (e) => {
if (sexo.value == '' || sexo.value == null){
console.log('Por favor escoja el sexo');
error.style.display = 'block';
error.innerHTML = error.innerHTML + '<li> Por favor escoja el sexo </li>';
e.preventDefault();
}
}
let validarContraseña = (e) => {
if ((contraseña.value == '' || contraseña.value == null) && (contraseña2.value == '' || contraseña2.value == null)){
console.log('Por favor escriba una contraseña');
error.style.display = 'block';
error.innerHTML = error.innerHTML + '<li> Por favor escriba una contraseña </li>';
e.preventDefault();
} else if (contraseña.value != contraseña2.value) {
console.log('Las contraseñas no coinciden')
error.style.display = 'block';
error.innerHTML = error.innerHTML + '<li> Las contraseñas no coinciden </li>';
e.preventDefault();
}
}
let validarTerminos = (e) => {
if (terminos.checked == false) {
console.log('Por favor acepte los terminos y condiciones');
error.style.display = 'block';
error.innerHTML = error.innerHTML + '<li> Por favor acepte los terminos y condiciones</li>';
e.preventDefault();
}
}
let validarFormulario = (e) => {
error.innerHTML = '';
validarNombre(e);
validarCorreo(e);
validarContraseña(e);
validarSexo(e);
validarTerminos(e);
}
formulario.addEventListener('submit', validarFormulario);