Validando Form con checkValidity() – HTML5 y JAVASCRIPT

Esto es muy rapido y sencillo, muchas veces a la hora de evaluar el contenido de un formulario en HTML5 utilizamos la herramientas basicas que han llegado con el, simple utilizamos el atributo required y lo disparamos con el submit, pero que sucede cuando no tienes un submit o cuando quieres hacer algo diferente despues de la accion del click y esperando una comprobacion del formulario. ?? bueno aqui tenemos checkValidity() esta funciono que pertenece a los formulario nos permite evaluar el mismo desde Javascript, lo puedes utilzar en conjunto con cualquier framework de javascript conocido.

Basta de de palabrerias, vamos a ver como se usa.

var $myForm = $('#myForm')
if (!$myForm[0].checkValidity()) {
     /* 
         ESTO DE AQUI SE EJECUTA DESPUES DE LA VALIDACION DEL FORM, 
         ESTE MISMO RETORNA true O false DEPENDIENDO.
         CON ESTO PODREMOS REALIZAR LA ACCION QUE DESEAMOS.
     */
         
     $myForm.find(':submit').click()
}