formulaire focus


Photoshop user
WRInaute passionné
WRInaute passionné
 
Messages: 1040
Inscription: 8 Déc 2004

formulaire focus

Message le Lun Oct 03, 2005 17:30

Je suis en train de faire un formulaire ou l'internaute doit rentrer sa date de naissance dans 3 input jj/mm/aaaa :roll:

J’aimerais passer le focus directement au 2eme input des que les 2 chiffres sont rentré dans le 1er.

Je sais que c'est possible, mais je retrouve plus comment le faire...

Quelqu'un a le bout de code qu'il me faudrait sous la main ? :)


rottman
WRInaute passionné
WRInaute passionné
 
Messages: 2121
Inscription: 6 Jan 2004

Message le Lun Oct 03, 2005 17:49

Salut, tu dois pouvoir faire un truc du genre :

Code: Tout sélectionner
<script language="Javascript">
<!--
if(document.nom-du-form.nom-du-champ1.value=='([0-9]{2})')
{
document.nom-du-form.nom-du-champ2.focus();
}
//-->
</script>


(je sais pas si avec javascript les regex marchent pareil...)


TOMHTML
WRInaute accro
WRInaute accro
 
Messages: 3250
Inscription: 25 Aoû 2004

Message le Lun Oct 03, 2005 18:29

je suis pas certain que les regex fonctionnent avec javascript (que php soit installé ou pas).

a la place de
if(document.nom-du-form.nom-du-champ1.value=='([0-9]{2})')
j'aurais mis
if(document.nom-du-form.nom-du-champ1.value.length=='2')


rottman
WRInaute passionné
WRInaute passionné
 
Messages: 2121
Inscription: 6 Jan 2004

Message le Lun Oct 03, 2005 19:18

TOMHTML a écrit:
j'aurais mis
if(document.nom-du-form.nom-du-champ1.value.length=='2')


Ah oui en effet c'est beaucoup plus simple et efficace :lol:


Photoshop user
WRInaute passionné
WRInaute passionné
 
Messages: 1040
Inscription: 8 Déc 2004

Message le Lun Oct 03, 2005 19:31

merci :)


Photoshop user
WRInaute passionné
WRInaute passionné
 
Messages: 1040
Inscription: 8 Déc 2004

Message le Mar Oct 04, 2005 12:33

en fait, il faut un truc qui "déclanche" le if, non ?
il y a une gestion d'événement en javascript ?


Photoshop user
WRInaute passionné
WRInaute passionné
 
Messages: 1040
Inscription: 8 Déc 2004

Message le Mar Oct 04, 2005 13:08

j'ai trouvé j'ai mis un

onKeyUp="javascript:fonc();" dans le <form>

et en haut

function fonc(){
if(document.forms['nom_formulaire'].elements['question1'].value.length=='2')
{
document.forms['form_formulaire'].elements['question2'].focus();
}
}


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité