FAQ JavaScript
FAQ JavaScriptConsultez toutes les FAQ
Nombre d'auteurs : 43, nombre de questions : 176, dernière mise à jour : 29 août 2021
Sommaire→Les formulaires- Comment accéder aux éléments d'un formulaire ?
- 9.1. Les champs des formulaires
(12)
- Comment récupérer la valeur d'un select ?
- Comment récupérer le texte d'une option d'un select ?
- Comment modifier l'état d'une des options d'un select ?
- Comment modifier les options d'un champ select ?
- Comment récupérer les valeurs d'un select multiple ?
- Comment désélectionner tous les éléments d'un select multiple ?
- Comment récupérer l'état de cases à cocher ?
- Comment récupérer la valeur d'un champ texte ?
- Comment modifier la valeur d'un input de type file ?
- Comment vider un champ texte quand on clique dessus ?
- Comment sélectionner le contenu d'un champ texte quand on clique dessus ?
- Comment attribuer une valeur à l'attribut name d'un élément créé par un script ?
- 9.2. Les autres objets du formulaire
(14)
- Comment soumettre un formulaire automatiquement ?
- Comment soumettre un formulaire en utilisant un lien ?
- Comment faire pour avoir deux boutons submit dans le même formulaire ?
- Comment vérifier que l'utilisateur a renseigné un champ d'un formulaire ?
- Comment vérifier que l'utilisateur a renseigné tous les champs texte d'un formulaire ?
- Comment vérifier la syntaxe d'une date ?
- Comment passer automatiquement au champ suivant lorsque la taille maximale du champ en cours est atteinte ?
- Comment lier deux listes déroulantes entre elles ?
- Comment ajouter des options dans une liste déroulante à partir d'une autre ?
- Comment désactiver une zone de texte en cochant une checkbox ?
- Comment remplacer un caractère par un autre lorsque l'utilisateur renseigne un champ texte ?
- Comment enlever la propriété readOnly d'un objet ?
- Comment n'autoriser que la saisie de chiffres dans un champ texte ?
- Comment faire passer un div au dessus d'un select dans IE6 ?
Supposons que nous ayons dans notre page le formulaire suivant:
<form name="monFormulaire" action="...">
<input type="..." name="monInput" id="monInputId" />
<input ...
</form>L'accès aux éléments du formulaire peut se faire de plusieurs façons:
La possibilité historique.
document.monFormulaire.monInputC'est la plus mauvaise. En effet, l'adressage n'est correctement supporté que par Internet Explorer et rien n'assure la compatibilité avec les navigateurs futurs. De plus si nomInput contient des caractères spéciaux (typiquement les [] de PHP), cette syntaxe ne fonctionne pas. Elle ne peut que difficilement être utilisée pour des noms générés dynamiquement.
Adressage par les tableaux forms et elements.
Le document contient un tableau de ses formulaires (forms) et chacun des formulaire contient un tableau de ses éléments (elements).
document.forms['monFormulaire'].elements['monInput']Cette syntaxe est bien plus portable que la précédente, accepte les caractères spéciaux (comme []) et est aisée à utiliser avec des noms générés dynamiquement.
Utiliser l'id de l'input.
Chaque élément de la page HTML peut être désigné de façon unique par son id (à vous de vous assurer qu'il existe un et un seul élément ayant cet id).
document.getElementById('monInputId')Cette méthode utilise le DOM, est très souple et concise. Elle connaît certaines limitations pour des utilisations dans des boucles.