Retour du focus sur un champ après onBlur

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

Citation:

---

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

---

En nous montrant ton code par exemple ?

Voilà ma fonction :

Code:

---

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:

---

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

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

Bonsoir,
essaies avec un setTimeout

Code:

---

1 2 3

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

---

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

Instinctivement je te proposerais:

Code:

---

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.

+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.