Discussion :

[romann76]

Bonsoir a tous

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[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().

[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 ?

[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.

[Bovino]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[franculo_caoulene]

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

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

[Bovino]

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 !

[romann76]

Bonsoir

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

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

[Bovino]

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

[romann76]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Bovino]

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

Pas le value du selectedIndex...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if (theform.elements['datedepart'].selectedIndex < theform.elements['datearrivee'].selectedIndex)

[vermine]

Re bonjour,

Essayez peut-être ainsi:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.