Los tipos de entrada HTML5 matan la validación de jQuery

Question

El complemento de validación de jQuery se rompe para los elementos que tienen un tipo de HTML5 definido.

$(document).ready(function(){ 
$("#myform").validate() 
}); 
... 
<form id="myform"> 
<input id="email" email="true" /> 
</form> 
... 

Adición del atributo html5 type = "email" a la entrada hace que la validación falle. Quiero usar type = "email" porque los teléfonos móviles use this attribute to display the proper keyboard layout by default.

¿Cuál es la mejor manera de lograr tanto teclados amigables para teléfonos móviles + biblioteca de validación de jquery?

Puede ver un ejemplo del problema here.

Answer 1

Puede fusionar this pull request con el tronco principal, si está dispuesto a mantener su propia versión del complemento (el parche es bastante pequeño y, desde una mirada superficial at the code, parece lo correcto hacer, aunque ciertamente requeriría pruebas).

También puede recurrir al campo the HTML5 required (potencialmente admitido por clientes no habilitados para javascript), pero vea this issue.

Answer 2

Ese problema ya se ha presentado. Ver este informe de error: http://plugins.jquery.com/content/html-5-typeemail-prevents-inline-validation-required-email-field

Afortunadamente, ahora hay un plugin de jQuery para este trabajo: http://plugins.jquery.com/project/simple_email_validate

espero que ayude. ;)