Discussion :

[mLk92]

hi all !

Dans un formulaire je voudrais lors d'une saisie dans un champ texte activé automatiquement un bouton ou le désactivé.

Voici les phases:

- aucun text: bouton désactivé
- Uniquement des espaces: bouton désactivé (ici j'utilise un expression régulière)
- Au moins un caractère : bouton activé

Alors au départ j'ai utilisé un onchange, mais ca ne s'activait qu'en cliquant en dehors du champs (pas très dynamique :s)

J'ai donc pris un onKeyup où lors d'un relachement de texte, le bouton s'active. Donc là ca marche.

Mon problème est que lorsque la saisie automatique d'un navigateur est présente, l'utilise ne tape rien, il clique dans le champ, et il choisi dans la liste de saisie auto ce qu'il veut, et du coup le bouton ne s'active pas.

Alors j'ai testé divers évènement en plus du onKeyup.

-onFocus : marche pas
-onChange : marche mais faut cliquer extérieurement du champ pour que le bouton s'active.
-onBlur : pareil
- onClik: marche pas directement, il faut recliquer une fois dans le champ pour que le bouton s'active.

Auriez-vous une solution ?

Merci pour vos réponses !

[le_chomeur]

Ajouter un listener sur ton champs , sur l'évènement onchange + onkeyup

[mLk92]

Je vais chercher ce que tu as voulu dire par là, mais pourrais-tu être plus précis ?

[le_chomeur]

solution plus simple

implémente une méthode au load de ta page vérifiant toute les X secondes la valeur de ton champs ( via un setTimeout )

sinon les listeners ressemble a ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
//Fonction permettant d'initialiser les listeners
function init_evenement(){
	//On commence par affecter une fonction à chaque évènement de la souris
	if(window.attachEvent){
		document.onmousedown = start;
		document.onmouseup = drop;
	}
	else{
		document.addEventListener("mousedown",start, false);
		document.addEventListener("mouseup",drop, false);
	}
}

a chaque fois que l'utilisateur appuis ou relache sur la souris on effectue une action
dans ton cas c'est lorsque l'utilisateur click ou qu'il appui sur une touche qu'il faut appeler ta méthode de vérification ça va aller ?

[mLk92]

En résumé, dans mon cas, c'est lorsqu'un texte (hors espace) est présent dans le champs texte, alors là et uniquement là mon bouton s'active.

Je capte ce que veux que je fasse avec le listener, un gestionnaire d'évènement

Voici ce que j'ai pour l'instant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
function disableSaveButton(){
	document.getElementById('savebasket').disabled = true;
 		var bName = new String(document.getElementById('basketName').value);
   		if(testRegExpBasketName(bName)){
   			document.getElementById('savebasket').disabled = false;
	   	}
   	}
<input type="text" name="basketName" maxlength="50" value="ALFA ROMEO" onkeyup="disableSaveButton();" onblur="disableSaveButton();" id="basketName">
 
<input type="submit" name="method.save" value="Sauvegarder le panier" id="savebasket"

>

[mLk92]

- up -

[mLk92]

Personne n'a une idée ?

Il s'agit simplement d'activer un bouton lorsqu'une personne rentre un texte dans un champ texte, que ce soit pas l'action d'un bouton du clavier (onKeyup) ou encore par l'utilisation de la saisie automatique du navigateur.

Exemple:

- L'utilisateur tape son nom, le bouton valider s'active
- L'utilisateur tape que des espaces, le bouton valider reste inactif
- L'utilisateur choisit un terme dans une liste de saisie automatique, le bouton s'active car un caractère est présent dans le champ texte.

En espérant que cette nouvelle explication porte ses fruits !

Merci pour vos réponses !