[POO] focus et/ou select

Version imprimable

Bonjour à toutes et à tous.
le code suivant ne fonctionne pas, en cas d'erreur, pas de focus sur le champ impliqué, fonction ctrldate(objet du formulaire). Idem Firefox 2.0 et IE 6.0. Merci pour votre aide.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<script type="text/javascript">
function ctrldate(datac) {
sep=datac.value.substr(5,6);
if (sep != "/") {alert("La date n'est pas correcte AAAA/MM/JJ");
this.focus();
this.select();
return false;}
else {return true;}
}
</script>
Gestion des : groupes<br><br>
<form name="formu" action="ezsgfs.php">
<input type="hidden" name="wwfic" value="groupes">
<input type="hidden" name="wwfonc" value="C">
<table width="75%" border="0" cellspacing="15" cellpadding="0">
<tr><td width="25%" align="right">Identifiant du groupe</td>
<td width="75%"> <input type="text" name="idgr" maxlength="16" size="16"></td>
</tr><tr><td width="25%" align="right">Date debut</td>
<td width="75%"> <input type="text" name="ddgr" maxlength="10" size="10" onchange="ctrldate(this)"></td>
</tr><tr><td width="25%" align="right">Date fin</td>
 
<td width="75%"> <input type="text" name="dfgr" maxlength="10" size="10" onchange="ctrldate(this)"></td>
</tr><tr><td width="25%" align="right">Description</td>
<td width="75%"> <input type="text" name="lbgr" maxlength="64" size="64"></td>
</tr><tr><td width="25%" align="right"> &nbsp </td>
<td width="75%"> <input type="submit" name="btv" id="btv"  value="Validation"/> </td>
</tr></td></tr></table></form>

22/08/2007, 09h52
JulienC
Salut,

Remplaces
Code:

1 2 this.focus(); this.select();
par
Code:

1 2 datac.focus(); datac.select();
et ca devrait marcher
(dans ta fonction, this n'est pas un champ !)
22/08/2007, 22h52
belocom

Merci JulienC, Quand le matinal aide le noctambule !
En effet, mon code avec this.focus() ne pouvait pas fonctionner MAIS, après avoir modifié mon script, c'est le champ sur lequel j'ai cliqué après la modification, ou bien le champ tabulé qui a le focus et NON PAS le champ en erreur.
Encore plus fort, si j'écris :
document.formu.ddgr.focus();
document.formu.ddgr.select();
ou bien
document.forms["formu"].elements["ddgr"].focus();
document.forms["formu"].elements["ddgr"].select();
même resultat insatisfaisant ????????????????,

D'autre part, si j'ajoute un bouton "bidon" au formulaire
<input type="button" name="bidon">
qui ne fait rien, alors, après la saisie d'une valeur incorrecte dans ddgr et que je clique sur le bouton bidon, ALORS le focus vient bien sur le champ ddgr, MAIS si après cette saisie je clique sur un autre CHAMP, ALORS le focus reste sur cet autre champ ???
Donc comportement different de .focus() selon le dernier objet cliqué du formulaire ????????????????????????
01/09/2007, 22h03
belocom

n'interesse personne, snif

Je remonte cette discussion, une seule fois, promis ! Donc pas moyen de laisser le focus sur un champ en erreur avec JS ?
03/09/2007, 11h05
JulienC

Le test ne s'effectue pas sur le onchange (ce qui pourrait paraitre plus logique, on est d'accord), mais sur le onblur ! change donc les "onchange" par des "onblur" et laisses le reste comme ça. Ca devrait marcher...
12/09/2007, 02h05
belocom

Merci JulienC, mais non, même combat, onChange, onBlur, le curseur ne revient pas sur le champ en erreur. Snif !