Activer/desactiver le bouton submit
Résolu/Fermé
A voir également:
- Activer/desactiver le bouton submit
- Activer le pavé tactile - Guide
- Desactiver instagram - Guide
- Comment activer windows 10 - Guide
- Comment activer chromecast sur tv - Guide
- Désactiver onedrive - Guide
1 réponse
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
524
30 nov. 2016 à 11:16
30 nov. 2016 à 11:16
Salut,
Un début de solution possible :
En html :
1. Ajouter l'attribut disabled sur le bouton submit.
2. Ajouter une classe sur tous les champs qui doivent activer le bouton submit lors du changement de leurs valeurs.
En javascript :
3. Utiliser la fonction querySelectorAll() pour récupérer l'ensemble des champs modifiables via la classe ajoutée au point 2.
4. Parcourir cet ensemble de champ pour ajouter une fonction sur l'événement "onchange" et désactiver la propriété disabled sur le bouton submit dans cette foncion.
Exemple :
Bonne journée,
Un début de solution possible :
En html :
1. Ajouter l'attribut disabled sur le bouton submit.
2. Ajouter une classe sur tous les champs qui doivent activer le bouton submit lors du changement de leurs valeurs.
En javascript :
3. Utiliser la fonction querySelectorAll() pour récupérer l'ensemble des champs modifiables via la classe ajoutée au point 2.
4. Parcourir cet ensemble de champ pour ajouter une fonction sur l'événement "onchange" et désactiver la propriété disabled sur le bouton submit dans cette foncion.
Exemple :
<form> <input type="text" name="1" class="form-control"> <input type="text" name="2" class="form-control"> <input type="submit" disabled> </form>
var controls = document.querySelectorAll('.form-control');
for (var i = 0; i < controls.length; i++) {
controls[i].onchange = function() {
document.querySelector('[type="submit"]').disabled = false;
};
}
Bonne journée,
30 nov. 2016 à 21:12
30 nov. 2016 à 21:34
merci beaucoup et a bientot