[POO] Double verification de formulaire javascript

Version imprimable

11/01/2009, 23h53
romann76

[POO] Double verification de formulaire javascript
Bonsoir a tous

j'ai un formulaire sur lequel je verifie si les champs sont vides avec javascript,
Code:

1 2 3 4 5 6 7 8 function validation(theform){ dnf=theform.dateentree if (dnf.value.length == ""){ dnf.focus(); alert("saisissez votre date entrée."); return (false); }
j'aimerai aussi verifier que la date d'entrée ne soit pas superieur a celle de sortie

avez vous une idée ?

Merci
12/01/2009, 08h36
vermine

Bonjour,

Il existe l'objet Date() en Javascript et il comporte une méthode getTime() qui renvoie le nombre de millisecondes.
Comparez les millisecondes des deux dates pour obtenir votre vérification.

Attention, il vous faut récupérer vos valeurs correctement afin qu'elles soient au format Date().
12/01/2009, 08h44
romann76

Merci de votre réponse

cependant, j'ai mis un menu déroulant avec des la balise <option> de façon a ce que les personnes sélectionnent leur date

il faudrait simplement que le javascript vérfiie que le champ datenetrée soit toujours inferieur a datesortie

avez vous une solution ?
12/01/2009, 08h51
vermine

Je comprends bien votre soucis. Mais vous pouvez récupérer votre valeur date entrée et vous devez la modifier en Date() Javascript afin de comparer les millisecondes des deux dates.

L'ennui, c'est que je ne connais pas assez bien cet objet Date(). Je sais qu'il a des méthodes setDate(X), setDay(X), setMonth(X), ... Qui permettent de modifier une partie d'une date. Et pour l'instant, j'aurais tendance à récupérer le jour sélectionné (donc une variable texte) et le setter dans une date quelconque (donc une variable Date), et faire de même pour le mois et l'année, et enfin, faire le getTime pour récupérer les millisecondes.

Désolé, je n'ai pas d'autre réponse. :oops:

Imaginons que la date soit de la forme jj/mm/aaaa :
Code:

1 2 3 4 5 6 7 var date1 = dateEntree.split('/'); var date2 = dateSortie.split('/'); var dateDebut = new Date(date1[2], parseInt(date1[1],10)-1, date1[0]); var dateFin = new Date(date2[2], parseInt(date2[1],10)-1, date2[0]); if(dateDebut > dateFin){ // La date d'entrée est supérieure à la date de sortie. }
Le "parseInt(date2[1],10)-1" sert à rectifier le mois qui est noté de 0 à 11 en JavaScript et le 10 est TRES important dans parseInt car sinon, un mois entré sous la forme 01 par exemple, ne sera pas transformé en base 10.

12/01/2009, 10h02
franculo_caoulene

Et bien peut-être que la FAQ peut aider, sait-on jamais!

edit: grillé, comme d'hab...
12/01/2009, 10h06
Bovino

Citation:

Envoyé par franculo_caoulene

Et bien peut-être que la FAQ peut aider, sait-on jamais!

edit: grillé, comme d'hab...

Grillé peut-être, mais ta réponse est préférable à la mienne !
Il faut effectivement toujours rechercher (FAQ, Forum) avant de poster !

Bonsoir

merci de vos réponse mais mes dates sont a ce format :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<select name="datearrivee">
            		<option value="">choissisez un date entree</option>
                            <option value="01 janvier">01 janvier</option>
                            <option value="02 janvier">02 janvier</option>
                            <option value="03 janvier">03 janvier</option>
                            <option value="04 janvier">04 janvier</option>
                            <option value="05 janvier">05 janvier</option>
                            <option value="06 janvier">06 janvier</option>
                     </select>
 
<select name="datedepart">
            		<option value="">choissisez un date de depart</option>
                            <option value="01 janvier">01 janvier</option>
                            <option value="02 janvier">02 janvier</option>
                            <option value="03 janvier">03 janvier</option>
                            <option value="04 janvier">04 janvier</option>
                            <option value="05 janvier">05 janvier</option>
                            <option value="06 janvier">06 janvier</option>
                     </select>

la seule qui fonctionne c'est en mettant le javascript suivant mais c'est uniquement si une date de depart est identique a celle d'arrivée

Code:

1
2
3
4
5
6
dnf=theform.datedepart
		if (dnf.value.datearrivee == dnf.value.datedepart){	
			dnf.focus();
			alert("Merci de modifier votre date.");
			return (false);
		}

je n'arrive pas a mettre la condition si date arrivée > date depart , merci de modifier votre date d'arrivée.

des idées ?

13/01/2009, 07h02
Bovino

Ben si les dates sont les mêmes dans tes deux combos, tu testes sur le selectedIndex.

Bonsoir,

merci pour le selectedindex, je l'ai intégré dans mon javascript mais il ne fonctionne pas.. je l'ai sans doute mal rédigé, voici le code de mon javacsript :
Code:

1 2 3 4 5 6 7 dnf=theform.elements if (theform.elements['datedepart'].options[theform.elements['datedepart'].selectedIndex].value < theform.elements['datearrivee'].options[theform.elements['datearrivee'].selectedIndex].value){ dnf.focus(); alert("la date de votre arrivée ne peut pas etre avant la date de votre depart."); return (false); }
j'essaie tant bien que mal, j'avoue etre dépassé, mais je persiste alors si vous avez de quoi m'aiguiller, je suis a votre écoute

merci d'avance aux personnes qui me répondent car c'est par moment décourageant de passer du temps sur des choses que l'on ne comprend pas..

Romann76

14/01/2009, 08h07
Bovino

Citation:

Envoyé par Bovino

Ben si les dates sont les mêmes dans tes deux combos, tu testes sur le selectedIndex.

Pas le value du selectedIndex...

Code:

if (theform.elements['datedepart'].selectedIndex < theform.elements['datearrivee'].selectedIndex)
14/01/2009, 08h08
vermine
Re bonjour,

Essayez peut-être ainsi:
Code:

1 2 if (document.getElementById("datedepart").selectedIndex < document.getElementById("datearrivee").selectedIndex)
Je ne sais pas quelle manière du document.getElementById("") ou du theform.elements[""] est la meilleure mais en tout cas il ne faut pas faire le .value lorsqu'on joue avec les selectedIndex.