Discussion :

[ZippoBis]

Bonjour,

J'ai une fonction qui est activée par onBlur lorsque je quitte un champ input text .

Cette fonction effectue des contrôles sur la saisie faite dans ce champ.
J'aimerai pouvoir remettre le focus sur ce champ si la saisie n'est pas conforme à ce que j'attends.

J'ai mis un monChamps.focus(); avant de quitter la fonction mais celui-ci n'a pas d'effet, le focus passe au champ suivant.
Quelqu'un pourrait-il me dire comment parvenir à mes fins ?
Merci d'avance

[Bovino]

Quelqu'un pourrait-il me dire comment parvenir à mes fins ?

En nous montrant ton code par exemple ?

[ZippoBis]

Voilà ma fonction :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
function ctrlScoreIdJoueur(champ) {
	var valeur = champ.value;
	if (estVide(valeur)) {
		document.frmSaisieScore.message.value = 'Renseignez le n° du joueur S.V.P';
		champ.style.color = "Red";
		champ.focus();
		return false;
	} else if (!estEntier(valeur)) {
		document.frmSaisieScore.message.value = 'Ne saisissez que des chiffres S.V.P';
		champ.style.color = "Red";
		champ.focus();
		return false;
	} else {
		champ.style.color = "Green";
		document.frmSaisieScore.message.value = '';
		return true;
	}
}

et son appel :

Code :

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

1
2
 
<p>1er joueur : <input type='text' name='idJoueur1' value='<?php echo "$idJoueur1"?>' <?php if ($etat == 2) {echo 'disabled';}?> maxlength=3 size=5 onblur = "ctrlScoreIdJoueur(this)" />

Les messages et couleurs fonctionnent comme attendu

[ZippoBis]

Bonjour,

J'ai trouvé un vieux post ou une personne avait le même problème que moi, mais aucune solution n'a été trouvée pour rendre le focus sur le même champ après une fonction déclenchée par onBlur.
Voici le lien :
http://www.developpez.net/forums/d94...mp-formulaire/
Merci

[NoSmoking]

Bonsoir,
essaies avec un setTimeout

Code :

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

1
2
3
setTimeout( function(){
    champ.focus();
  },200);

[ZippoBis]

Le principe est-il de lancer le focus() après la fin d'exécution de la fonction de contrôle déclenchée par la perte du focus onBlur ?
Je testerai cela ce soir.
Merci

[Angelblade]

Instinctivement je te proposerais:

Code js :

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

1
2
3
4
5
6
input.onblur = function(e){
     if( true ){ // code qui vérifie si le champ est valide
          e.preventDefault(); // empêche le blur de se produire
          this.focus(); // redonne le focus à ce champ
      }
}

Tu auras ptet un souci selon l'ordre avec lequel le navigateur appelle blur et focus lorsque tu sors de l'input.

[oO_roma_0o]

+1 pour le setTimeOut

Par contre, c'est le genre d'action qu'il vaut mieux éviter d'utiliser dans une page (ou compléter par un interrupteur). Si 2 champs contiennent ce contrôle et que ton utilisateur quitte le premier pour aller dans le second, tu entres dans une boucle infinie.