formulaire et concaténation type="text" avant soumission

Version imprimable

Code:

1 2 3 4 5 6 7 8 9 10 <form method="get" action="mapage.jsp"> <input type="text" name="ddNaissance" maxlength="2" size="2" > <input type="text" name="mmNaissance" maxlength="2" size="2" > <input type="text" name="yyyyNaissance" maxlength="4" size="4"> (jj|mm|aaaa) <INPUT type="submit" value="Valider"> <form>
la saisie de la date de naissance se fait obligatoirement dans 3 zones de type "text"

par contre lors de la soumission de la requete http ce ne sont pas les 3 paramètres "ddNaissance","mmNaissance" et "yyyyNaissance" qui doivent etre passés mais un seul nommé "naissance" et qui vaudra
ddNaissance.mmNaissance.yyyyNaissance (concaténation des 3 valeurs séparées par un point)

c'est tordu mais comment faire ?

Code:

1
2
3
4
5
6
7
8
9
10
<form method="get" action="mapage.jsp">
 
<input type="text" id="ddNaissance" maxlength="2" size="2" >
<input type="text" id="mmNaissance" maxlength="2" size="2" >
<input type="text" id="yyyyNaissance" maxlength="4" size="4">&nbsp;(jj|mm|aaaa)
 
 
 <INPUT type="submit" value="Valider">
<form>

ensuite dans ton code JS

Code:

1
2
3
4
5
6
7
8
...
var jour = document.getElementById('ddNaissance').value;
var mois = document.getElementById('mmNaissance').value;
var annee = document.getElementById('yyyyNaissance').value;

var naissance = jour+"."+mois+"."+annee;
...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script type=text/javascript'>
function FullNaiss(){
var jour = document.getElementById('ddNaissance').value;
var mois = document.getElementById('mmNaissance').value;
var annee = document.getElementById('yyyyNaissance').value;
 
document.getElementById('Naissance').value= jour+"."+mois+"."+annee;
</script>
<form method="get" action="mapage.jsp" onsubmit='FullNaiss()'>
 
 <input type="text" name="ddNaissance" id="ddNaissance"maxlength="2" size="2" >
<input type="text" name="mmNaissance" id="mmNaissance"maxlength="2" size="2" >
<input type="text" name="yyyyNaissance" id="yyyyNaissance"maxlength="4" size="4">&nbsp;(jj|mm|aaaa)
<input type="hidden" name="Naissance" id="Naissance"
maxlength="4" size="4">
 
 
<INPUT type="submit" value="Valider">
<form>

21/04/2006, 17h55
jakouz
j'ai dû me planter quelque part car à la soumission le paramètre naissance n'est pas renseigné (à blanc) dans la requete get:
?ddNaissance=06&mmNaissance=06&yyyyNaissance=1970&naissance=

je fait pourtant appel à la fonction FullNaiss() à la soumission du formulaire
Code:

1 2 3 <form onsubmit="FullNaiss()"
21/04/2006, 18h13
jakouz
j'ai trouvé : il y avait une petite erreur de syntaxe dans le code de FullNaiss()
Code:

1 2 document.getElementById('Naissance').value = jour+"."+mois+"."+annee;
Merci
22/04/2006, 10h39
SpaceFrog

;) bien vu ! désolé :oops:
j'ai édité pour modifier le code ...