Atributo 'required'
Atributo 'required' jquery
html5 Atributo 'required'
HTML5 Manejo del Atributo 'required' usando JQuery
El atributo "required" de HTML5 es una mejora importante, que reduce el tiempo de validación en formularios, mejorando la experiencia de usuarios.
Es necesario tener en cuenta todos los navegadores por esto adicionamos la siguiente función de javascript que remplaza los valores de "required" por una clase, y genera un código adicional de validación, para los navegadores que no soportan esta característica.
Aquí un ejemplo de como realizar un manejo de esto, y su respectiva función javascript para valir en caso de que el navegador no soporte está característica.
En el HTML:Los valores del atributo "required" son validados automaticamente por JQuery, pero esto depende del navegador, en navegadores muy antiguos esto no está soportado. Si el navegador lo soporta, la respuesta debe ser algo como esto:
Es necesario tener en cuenta todos los navegadores por esto adicionamos la siguiente función de javascript que remplaza los valores de "required" por una clase, y genera un código adicional de validación, para los navegadores que no soportan esta característica.
Aquí un ejemplo de como realizar un manejo de esto, y su respectiva función javascript para valir en caso de que el navegador no soporte está característica.
See the Pen HTML5 Manejo del Atributo 'required' usando JQuery by Lili López Gutiérrez (@creandoweb) on CodePen.