IdentifiantMot de passe
Mot de passe oublié ?Je m'inscris ! (gratuit)

Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

L'API HTML5 de contrainte de validation
Par TJ VanToll, traduit par Didier Mouronval

Le , par Bovino
4 commentaires

54PARTAGES

6  0 


Je vous propose une traduction de l'article Constraint Validation: Native Client Side Validation for Web Forms publié sur HTML5 Rocks : L'API HTML5 de contrainte de validation.

Dans cet article, vous découvrirez tous les aspects de la validation de formulaires avec HTML5 : les nouvelles balises et attributs, les possibilités de personnalisation CSS ainsi que les propriétés JavaScript utiles.

Bien sûr, n'hésitez pas à faire part de vos remarques et commentaires sur cet article !

L'API HTML5 de contrainte de validation.

Vous avez lu gratuitement 22 321 articles depuis plus d'un an.
Soutenez le club developpez.com en souscrivant un abonnement pour que nous puissions continuer à vous proposer des publications.

Une erreur dans cette actualité ? Signalez-nous-la !

4 commentaires
Commenter Signaler un problème
Kaamo
Avatar de Kaamo
Membre émérite https://www.developpez.com
Le 02/01/2013 à 11:48
Excellent ! Merci. En effet, H5F est un excellent polyfill pour les anciens navigateurs. Avant j'avais un truc de validation (comme tout le monde en fait) perso, j'ai vite changé pour ça. Un peu de natif ne fait pas de mal !
0  0 
gui80
Avatar de gui80
Membre actif https://www.developpez.com
Le 04/01/2013 à 17:11
Merci Bovino

une petite remarque, à la fin, dans la conclusion, j'aurai juste remplacé le "ou" par un "et" (tu l'évoques bien, qu'il faut dans tous les cas, une validation côté serveur dans la partie VII-A) :

"""
Bien qu'il existe quelques problèmes concernant l'implémentation et la gestion des navigateurs anciens, avec une bonne solution de remplacement ouet une prise en charge alternative côté serveur, vous pouvez d'ores et déjà utiliser cette API dans vos formulaires.
"""

Je me trompe peut-être mais je préfère demander quand même.
0  0 
Bovino
Avatar de Bovino
Rédacteur https://www.developpez.com
Le 04/01/2013 à 17:32
Non, le ou concerne uniquement les solutions de remplacement. Pour remplacer les fonctionnalités de l'API pour les navigateurs ne la supportant pas, il faut une solution JavaScript ou une gestion côté serveur.

Mais bien sûr, dans tous les cas, une vérification supplémentaire côté serveur est indispensable !
0  0 
camus3
Avatar de camus3
Membre éprouvé https://www.developpez.com
Le 04/01/2013 à 18:34
Une contradiction majeure d'affichage est le style de la bulle d'erreur affichée par les navigateurs. Webkit est le seul moteur de rendu permettant leur personnalisation.

Et ensuite on reproche aux devs de développer pour webkit ... si les autres "vendors" avaient le même soucis du détail au lieu de se perdre dans des fonctionnalités qui ne servent à rien on n'en serait pas la...
0  0