Activer/desactiver le bouton submit
Résolu
appo26
-
appo26 -
appo26 -
euhhh.., vous allez bien j'imagine.
il me reste une toute petite chose pour mettre la touche finale.
j'ai une table a modifier aqui contient plusieurss champs avec le bouton modifier, j'aimerais que le bouton soit desactive au depart, il sera activer seulement losque l'utilisateur modifie au moins un champ, sinon le bouton doit rester desactiver. je pense au javascript mais je ne vois pas encore comment. comment pouvez vous m'aider svp. merci deja
il me reste une toute petite chose pour mettre la touche finale.
j'ai une table a modifier aqui contient plusieurss champs avec le bouton modifier, j'aimerais que le bouton soit desactive au depart, il sera activer seulement losque l'utilisateur modifie au moins un champ, sinon le bouton doit rester desactiver. je pense au javascript mais je ne vois pas encore comment. comment pouvez vous m'aider svp. merci deja
A voir également:
- Activer/desactiver le bouton submit
- Desactiver rond bleu whatsapp - Guide
- Activer chromecast - Guide
- Comment activer le pavé tactile sans souris - Guide
- Activer office gratuitement - Accueil - Bureautique
- Comment activer windows 10 - Guide
1 réponse
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,
merci beaucoup et a bientot