Cómo forzar la validación de un formulario HTML sin enviarlo a través de jQuery
Tengo este formulario en mi aplicación y lo enviaré mediante AJAX, pero quiero usar HTML para la validación del lado del cliente. Entonces quiero poder forzar la validación del formulario, tal vez a través de jQuery.
Quiero activar la validación sin enviar el formulario. ¿Es posible?
Aceptado
Para comprobar si un determinado campo es válido, utilice:
$('#myField')[0].checkValidity(); // returns true|false
Para comprobar si el formulario es válido, utilice:
$('#myForm')[0].checkValidity(); // returns true|false
Mostrar error integrado de html5
if (! $('#myForm')[0].checkValidity()) {
$('#myForm')[0].reportValidity()
}
Tenga en cuenta que, hasta ahora, la validación HTML5 no es compatible con todos los navegadores.
El siguiente código funciona para mí,
$("#btn").click(function () {
if ($("#frm")[0].checkValidity())
alert('sucess');
else
//Validate Form
$("#frm")[0].reportValidity()
});
