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.