JavaScript Form Validation
HTML validation du formulaire peut être fait par un JavaScript.
Si un champ de formulaire (fname) est vide, cette fonction avertit un message, et renvoie false, pour empêcher la soumission du formulaire:
JavaScript Exemple
function validateForm() {
var
x = document.forms["myForm"]["fname"].value;
if (x == null || x == "") {
alert("Name must be filled out");
return false;
}
}La fonction peut être appelée lorsque le formulaire est soumis:
HTML Exemple de formulaire
<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()"
method="post">
Name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form> Essayez - le vous - même » HTML Validation de formulaire
validation du formulaire HTML peut être effectuée automatiquement par le navigateur:
Si un champ de formulaire (fname) est vide, le required attribut empêche cette forme d'être soumis:
HTML Exemple de formulaire
<form action="demo_form.asp" method="post">
<input type="text" name="fname" required >
<input type="submit" value="Submit">
</form> Essayez - le vous - même » Automatique validation de formulaire HTML ne fonctionne pas dans Internet Explorer 9 ou plus tôt.
La validation des données
La validation des données est le processus de veiller à ce que l'entrée d'ordinateur est propre, correcte et utile.
tâches de validation typiques sont:
- a l'utilisateur rempli tous les champs?
- a l'utilisateur entré une date valide?
- a l'utilisateur saisi du texte dans un champ numérique?
Le plus souvent, le but de la validation des données est d'assurer l'entrée correcte à une application informatique.
La validation peut être défini par de nombreuses méthodes différentes, et déployé dans de nombreuses manières différentes.
Validation côté serveur est exécutée par un serveur web, après l' entrée a été envoyé au serveur.
Validation côté client est exécuté par un navigateur web, avant l' entrée est envoyée à un serveur Web.
HTML Constraint Validation
HTML5 introduit un nouveau concept de validation HTML appelé validation de contrainte.
validation de contrainte HTML est basée sur:
- Attributs HTML d'entrée de validation Constraint
- Constraint validation CSS pseudo sélecteurs
- Validation Constraint Propriétés et méthodes DOM
Attributs d'entrée Constraint Validation HTML
| Attribut | La description |
|---|---|
| disabled | Spécifie que l'élément d'entrée doit être désactivé |
| max | Indique la valeur maximale d'un élément d'entrée |
| min | Indique la valeur minimale d'un élément d'entrée |
| pattern | Indique le motif d'un élément d'entrée de valeur |
| required | Indique que le champ de saisie nécessite un élément |
| type | Indique le type d'un élément d'entrée |
Pour une liste complète, rendez - vous à Attributs d' entrée HTML .
Contrainte de validation CSS pseudo sélecteurs
| Sélecteur | La description |
|---|---|
| :disabled | Sélectionne des éléments d'entrée avec l'attribut "disabled" spécifiée |
| :invalid | Sélectionne des éléments d'entrée avec des valeurs non valides |
| :optional | Sélectionne des éléments d'entrée sans attribut "nécessaire" spécifiée |
| :required | Sélectionne des éléments d'entrée avec l'attribut "nécessaire" spécifiée |
| :valid | Sélectionne des éléments d'entrée avec des valeurs valides |
Pour une liste complète, est arrivé à CSS Classes pseudo .