focus qui ne marche pas

Version imprimable

16/03/2008, 16h37
ewshut

focus qui ne marche pas

Bonjour,

A partir d'un formulaire php qui s'opère sur une boucle :
[...]
$id=0;
for ($i=1;$i<9;$i++)
{

echo "<td><input type='text' maxlength='2' size='2' id='".$id."' name='c".$i."_".$res['eleve_id']."' style='font-size:9px' onBlur=\"return controle($id);\" ></td>";
$id++;
}
[...]

je tente une fonction javascript qui vérifie que la valeur entrée dans le champ correspond à certaines valeurs obligatoires. Dans le cas contraire, je souhaite que la mauvaise valeur entrée soit effacée et que le champ soit sélectionné :

<head>[...]
<script language="javascript1.2">
function controle(temp) {
var obj=document.getElementById(temp);
if (obj.value != "4" && obj.value != "8" && obj.value != "12" && obj.value != "16" && obj.value != "")
{
alert ("La valeur entrée n'est pas acceptable.");
document.getElementById(temp).select();
obj.value="";
document.getElementById(temp).focus();
return false;
}
}
</script></head>

Or voilà, cela ne marche pas. La valeur incorrecte est effacée mais après le message d'alerte, le script passe à la case suivante. Si bien que par exemple, si un utilisateur entre une mauvaise valeur sans passer au champ suivant et appuie sur le bouton Enregistrer qui finit le formulaire, la mauvaise valeur passe ! Comme vous le voyez j'essaie à la fois le focus et le select. Je me doute que le focus n'a pas de sens, puisque le champ est alors vide, mais le select seul ne fonctionne pas non plus :aie:
Qu'est-ce qui ne va pas dans mon javascript ?
Merci de vos réponses

Salut,

Personnelement, je ne vois pas ce qui cloche non plus, par contre un petit truc, à partir du moment où tu as ton obj, tu peux l'utiliser partout et éviter de rappeler getElementById :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <script language="javascript1.2"> function controle(temp) { var obj=document.getElementById(temp); if (obj.value != "4" && obj.value != "8" && obj.value != "12" && obj.value != "16" && obj.value != "") { alert ("La valeur entrée n'est pas acceptable."); obj.select(); obj.value=""; obj.focus(); return false; } } </script>

Même remarque que beeboo précédemment ..

Si c'est bien la bonne valeur que tu souhaites contrôler, cela devrait passer (bien qu'il y ait un petit décalage entre la valeur $i et le $id utilisé)

Petite remarque tu devrai aussi pouvoir la possibilité passer directement l'objet en paramètre de la fonction js .. ce qui permet d'éviter d'avoir à la rechercher

Si je ne dis pas trop de bêtises .. le code suivant devrait pouvoir passer ?! .. (mais je peux pas tester .. désolé .. ;) )
Code:

1 2 3 4 5 6 7 8 9 [...] $id=0; for ($i=1;$i<9;$i++) { echo "<td><input type='text' maxlength='2' size='2' name='c".$i."_".$res['eleve_id']."' style='font-size:9px' onBlur=\"return controle(this);\" ></td>"; $id++; } [...]
et
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <script language="javascript1.2"> function controle(obj) { if (obj.value != "4" && obj.value != "8" && obj.value != "12" && obj.value != "16" && obj.value != "") { alert ("La valeur entrée n'est pas acceptable."); obj.select(); obj.value=""; obj.focus(); return false; } else return true; } </script>

16/03/2008, 19h53
ewshut

J'ai testé ton dernier code, Mediant, mais le focus ou le select ne se fixe toujours pas dans le champ qui contient une valeur non acceptée
8O
16/03/2008, 21h31
FremyCompany

Fais une recherche sur le forum :
focus setTimeout

En effet, ça marche avec setTimeout :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 function controle(obj) { if (obj.value != "4" && obj.value != "8" && obj.value != "12" && obj.value != "16" && obj.value != "") { alert ("La valeur entrée n'est pas acceptable."); <!-- obj.select(); obj.value=""; setTimeout(function() { obj.focus(); }, 10); <!-- obj.focus(); return false; } else return true; }
pour le formulaire :
Code:

1 2 3 4 5 6 7 8 $id=0; for ($i=1;$i<9;$i++) { $name="c".$i."_".$res['eleve_id']; echo "<td><input type='text' maxlength='2' size='2' id='".$id."' name='c".$i."_".$res['eleve_id']."' style='font-size:9px' onBlur=\"return controle(this);\" ></td>"; $id++; }
dernier problème : si on entre une valeur refusée, et qu'on clique sur le submit 'Enregistrer', j'obtiens le message d'alerte, mais le script passe quand même la valeur en POST. Faut-il alors que j'adjoigne à la balise <FORM> un OnSubmit pour balayer toutes les valeurs entrées ?
En tout cas, merci pour vos lumières. J'ignorais ce bug de Mozilla...:roll:

OK, ça marche maintenant. J'ai rajouté un OnSubmit au formulaire qui fait à peu près le même travail sur le formulaire entier. Comme cela on ne peut pas envoyer une mauvaise valeur en cliquant sur le bouton Submit :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 function controle_tout() { for (var i = 0; i < document.forms[0].length-3; i++) { var obj=document.forms[0].elements[i]; if (obj.value != "4" && obj.value != "8" && obj.value != "12" && obj.value != "16" && obj.value != "") { obj.value=""; setTimeout(function() { obj.focus(); }, 10); return false; } } return true; }
J'ai mis 'document.forms[0].length-3' parce que les trois dernières valeurs du formulaire étaient deux champs hidden et le submit...

Merci à tous

17/03/2008, 20h21
FremyCompany

De rien
Bonne continuation !