Différences
Ci-dessous, les différences entre deux révisions de la page.
| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
| web:html:formulaires:validation [2023/04/08 19:36] – [Propriétés des éléments] jcheron | web:html:formulaires:validation [2023/04/21 23:44] (Version actuelle) – jcheron | ||
|---|---|---|---|
| Ligne 181: | Ligne 181: | ||
| ==== Propriétés des éléments ==== | ==== Propriétés des éléments ==== | ||
| - | ^Propriété ^Rôle ^ | + | ^Propriété ^Rôle |
| - | ^validationMessage | Retourne le message de validation retourné par l' | + | ^validationMessage | Retourne le message de validation retourné par l' |
| - | ^validity.customError | renvoie **true** si l' | + | ^validity.customError | renvoie **true** si l' |
| - | ^validity.patternMismatch | renvoie **true** si la valeur de l' | + | ^validity.patternMismatch | renvoie **true** si la valeur de l' |
| - | ^validity.rangeOverflow | renvoie **true** si la valeur de l' | + | ^validity.rangeOverflow | renvoie **true** si la valeur de l' |
| - | ^validity.rangeUnderflow | renvoie **true** si la valeur de l' | + | ^validity.rangeUnderflow | renvoie **true** si la valeur de l' |
| - | ^validity.tooLong | renvoie **true** si la taille de l' | + | ^validity.tooLong | renvoie **true** si la taille de l' |
| - | ^validity.typeMismatch | renvoie **true** si la valeur saisie a une incohérence de type avec celui attendu | | + | ^validity.typeMismatch | renvoie **true** si la valeur saisie a une incohérence de type avec celui attendu |
| - | ^validity.valid | renvoie **true** si l' | + | ^validity.valid | renvoie **true** si l' |
| - | ^validity.valueMissing | renvoie **true** si un élément requis n'a pas de valeur | | + | ^validity.valueMissing | renvoie **true** si un élément requis n'a pas de valeur |
| - | ^willValidate | Renvoie **true** si l' | + | ^willValidate | Renvoie **true** si l' |
| ==== Méthodes ==== | ==== Méthodes ==== | ||
| ^Méthode ^Rôle ^ | ^Méthode ^Rôle ^ | ||
| - | ^checkValidity() | Renvoie **true** si la valeur de l' | + | ^checkValidity() | Renvoie **true** si la valeur de l' |
| ^setCustomValidity(message) | Défini un message de validation personnalisé | | ^setCustomValidity(message) | Défini un message de validation personnalisé | | ||
| ==== Exemple ==== | ==== Exemple ==== | ||
| + | === Formulaire HTML === | ||
| + | |||
| <wrap info> | <wrap info> | ||
| Ligne 209: | Ligne 211: | ||
| </ | </ | ||
| </ | </ | ||
| + | === Feuille de style CSS === | ||
| <sxh css> | <sxh css> | ||
| Ligne 227: | Ligne 230: | ||
| } | } | ||
| </ | </ | ||
| + | |||
| + | === Validation Javascript === | ||
| <sxh javascript> | <sxh javascript> | ||
| Ligne 271: | Ligne 276: | ||
| <form id=" | <form id=" | ||
| <label for=" | <label for=" | ||
| - | <input type=" | + | <input type=" |
| < | < | ||
| <div class=" | <div class=" | ||
| Ligne 302: | Ligne 307: | ||
| </ | </ | ||
| + | ==== Articles ==== | ||
| + | |||
| + | * [[https:// | ||
jcheron