Activer/desactiver le bouton submit [Résolu/Fermé]

appo26 - 30 nov. 2016 à 05:00 - Dernière réponse :  appo26
- 30 nov. 2016 à 21:34
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
Afficher la suite 

3 réponses

Pitet 2362 Messages postés lundi 11 février 2013Date d'inscription 30 novembre 2017 Dernière intervention - 30 nov. 2016 à 11:16
0
Utile
2
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 :
<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 pitet. je vais essayer et je te tiendrai au courant
voila, c'etait exactement ce que je voulais
merci beaucoup et a bientot