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.

      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.