Signaler

Activer/desactiver le bouton submit [Résolu]

Posez votre question appo26 - Dernière réponse le 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 
Utile
+0
moins plus
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,
appo26- 30 nov. 2016 à 21:12
merci pitet. je vais essayer et je te tiendrai au courant
Répondre
appo26- 30 nov. 2016 à 21:34
voila, c'etait exactement ce que je voulais
merci beaucoup et a bientot
Répondre
Ajouter un commentaire

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !