Una de las ventajas de HTML es que podemos hacer validaciones desde la misma página para verificar que los textos no estén vacíos, o que un elemento sea numérico, por ejemplo.

El problema consiste en que esa validación es a través de un formulario de HTML; si queremos utilizar ajax o javascript puro para que nosotros decidamos cuando se haga la validación en el navegador, no se puede; al menos no a primer vista.

Podemos utilizar la manera del siguiente fragmento de código.

</p>
<p>&lt;!--<br />
onsubmit=&quot;event.preventDefault();<br />
ES PARA EVITAR QUE MANDE EL FORM POR HTML Y CARGUE LA PAGINA DE NUEVO<br />
--&gt;<br />
&lt;form id=&quot;elfomulario&quot; name=&quot;elfomulario&quot; onsubmit=&quot;event.preventDefault();&quot;&gt;<br />
Fecha valida &lt;br/&gt;<br />
&lt;input type=&quot;date&quot; name=&quot;fecha&quot; required=&quot;required&quot; /&gt;<br />
&lt;br/&gt;&lt;br/&gt;<br />
Numero valido y olbigatorio&lt;br/&gt;<br />
&lt;input type=&quot;number&quot; required=&quot;required&quot; /&gt;<br />
&lt;br/&gt; &lt;br/&gt;<br />
Texto obligatorio&lt;br/&gt;<br />
&lt;input type=&quot;text&quot; required=&quot;required&quot; /&gt;<br />
&lt;!--<br />
BUTTON EN LUGAR DE INPUT TYPE=TEXT PARA EJECUTAR EL SUBMIT DEL FORM<br />
--&gt;<br />
&lt;button onClick=&quot;valida()&quot;&gt;Enviar&lt;/button&gt;<br />
&lt;/center&gt;<br />
&lt;/form&gt;</p>
<p>&lt;script&gt;</p>
<p>function valida(){<br />
//SE EJECUTA LA VALIDACION HTML<br />
if (elfomulario.checkValidity()){<br />
//SI LA VALDIACION ES CORRECTA ENTONCES EJECUTA EL SIGUIENTE CODIGO O PETICION AJAX<br />
alert (&quot;aqui ya se ejecutaria el ajax&quot;);<br />
} else {<br />
//HACER ALGO SI LA VALIDACIÓN FALLÓ<br />
}<br />
}<br />
&lt;/script&gt;</p>
<p>

Cómo podemos ver, el formulario tiene la orden de no enviar la solicitud. En cuanto se de clic al botón enviar, o por cualquier otro medio que nosotros decidamos, ejecutamos una función en javascript, y este ejecutará la verificación de HTML5, si éste es válido, entonces nos permite ejecutar javascript o hacer llamados en ajax como jquery o mootools, por ejemplo. Además, si no pasa la verificación, también nos permite ejecutar algo.


angelinux

Desarrollador de páginas web desde el año 2000 y con experiencia en programación de sistemas para empresas desde el 2008; cofundador de CONSoluciones; autor del blog de software libre “Angelinux-slack”; docente en maestría en UPAV y fundador de la distribución Linux Falco que está en desarrollo para la Universidad Veracruzana. Además, ponente, organizador de congreso, laborista social, impartidor de cursos de programación y servidores Linux, webmaster, y ex invitado en programa de televisión.

Deja un comentario