Validación de formulario en JavaScript
Publicado por Diana (4 intervenciones) el 12/08/2018 06:29:35
Estoy validando los formularios mediante HTML5. El problema es que cuando doy click en el botón no se encuentra validado el formulario.
Código de validación:
En siguiente código es donde tengo el evento del botón:
No se si tengo que agregarle algo extra al evento del botón para que valide....
Código de validación:
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
document.addEventListener("DOMContentLoaded", function() {
var elements = document.getElementsByTagName("INPUT");
for (var i = 0; i < elements.length; i++) {
elements[i].oninvalid = function(e) {
e.target.setCustomValidity("");
if (!e.target.validity.valid) {
e.target.setCustomValidity("Este campo no puede quedar en blanco");
}
};
elements[i].oninput = function(e) {
e.target.setCustomValidity("");
};
}
var elements = document.getElementsByTagName("SELECT");
for (var i = 0; i < elements.length; i++) {
elements[i].oninvalid = function(e) {
e.target.setCustomValidity("");
if (!e.target.validity.valid) {
e.target.setCustomValidity("Debe seleccionar una especialidad");
}
};
elements[i].oninput = function(e) {
e.target.setCustomValidity("");
};
}
});
En siguiente código es donde tengo el evento del botón:
1
2
3
4
$( "#submit" ).click(function() {
solicitarCita($('#nombre').val(),$('#apellidos').val(),$('#id').val(),$('#email').val(),$('#telefono').val(),$('#especialidad').val(),$('#fecha').val(),$('#hora').val(),$('#notas').val());
});
No se si tengo que agregarle algo extra al evento del botón para que valide....
Valora esta pregunta
0