Safari 5 ne soumettra pas un formulaire avec des données incorrectes dans le type d'entrée = email

Question

Avec un input type=email, Safari ne laissera pas le formulaire être soumis s'il n'y a pas une adresse e-mail valide. Mais il n'y a pas du tout de commentaires du navigateur pour indiquer à l'utilisateur pourquoi le formulaire a cessé de fonctionner.

Y a-t-il autre chose à faire que d'écrire du Javascript pour valider l'entrée (quel genre de ruine l'utilisation de type=email)?

Answer 1

Est-ce que les styles apparaissent?

input[type=email]:invalid { 
    background-color: red; 
} 

Si vous avez recours à JavaScript, vous ne avez pas besoin de faire la validation, il vous suffit de connecter le HTML5 constrain validation API, soit brancher l'événement invalid ou appelez element.validity.valid en boucle vous via le formulaire sur le submit un événement. Il y a une bonne introduction à l'ensemble sur A List Apart: Forward Thinking Form Validation