Vérifier une date dans un formulaire

[Résolu/Fermé]
Signaler
Messages postés
10
Date d'inscription
vendredi 23 novembre 2007
Statut
Membre
Dernière intervention
21 avril 2008
-
Messages postés
10
Date d'inscription
vendredi 23 novembre 2007
Statut
Membre
Dernière intervention
21 avril 2008
-
Bonjour,

Voilà,
j'ai un formulaire dans lequel je saisie une date et je souhaiterai un controle pour vérifier si cette date est bien entre deux dates.
Mes dates sont dans une base de données mais pas de problème pour les récupérer en deux variables :
Par exemple $date1 = 2007-11-01 et $date2=2007-11-30 et je voudrai qu'il y ait un controle en javascript coté client pour vérifier que la date saisie dans le formaulaire soitr entre ces deux dates.

Merci pour votre aide.

David

8 réponses

Messages postés
489
Date d'inscription
samedi 23 juin 2007
Statut
Membre
Dernière intervention
19 juin 2011
220
Salut David,

Exactement. Pour ton autre question qui suit la première je te renvoie sur le lien suivant qui t'expliquera en détails la bonne façon d'empêcher (ou de valider) l'envoi d'un formulaire par le JavaScript :

https://openweb.eu.org/articles/validation_formulaire/

Je te donne quand même l'exemple qui m'a permis de vérifier le bon fonctionnement :
<body>
<script type="text/javascript">
function validation(date) {

	var date1 = new Date(2007, 11, 24);
	var date2 = new Date(2007, 11, 30);
	if(!(date >= date1 && date <= date2)) {
		alert("La date dépasse les limites, le formulaire ne sera pas envoyé.");
		return false;
	}else {
		return true;
	}
}
</script>
<form action="blabla.htm" method="post" onsubmit="return validation(new Date(2007, 12, 10))">
	<input type="submit" value="Envoyer" />
</form>
</body>
Note que j'ai inversé la condition => pas compris entre => !(condition ok)

L'auteur précise bien que cette méthode de contrôle doit constituer un plus ; côté serveur il vaudra mieux réitérer ce contrôle. ;-)

Je t'emprie.
1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 41713 internautes nous ont dit merci ce mois-ci

Messages postés
1246
Date d'inscription
vendredi 8 octobre 2004
Statut
Contributeur
Dernière intervention
13 septembre 2019
259
regarde vers le mot clé SQL between
Messages postés
10
Date d'inscription
vendredi 23 novembre 2007
Statut
Membre
Dernière intervention
21 avril 2008

merci pour la réponse mais je souhaite que le contrôle se fasse au moment de la soumission du formulaire et non après envoi de la page au serveur..David
Messages postés
489
Date d'inscription
samedi 23 juin 2007
Statut
Membre
Dernière intervention
19 juin 2011
220
Salut,

Je me suis amusé à faire un petit test assez concluent :

	var date1 = new Date(2007, 11, 24);
	var date2 = new Date(2007, 11, 30);
	var dateMilieu = new Date(2007, 11, 28);
	var dateAvant = new Date(2007, 11, 20);
	var dateApres = new Date(2007, 12, 10);
	if(dateMilieu >= date1 && dateMilieu <= date2) {
		alert("dateMileu est bien compris entre les 2 dates");
	}
	if(dateAvant >= date1 && dateAvant <= date2) {
		alert("Mince, ça ne marche pas pour dateAvant");
	}
	if(dateApres >= date1 && dateApres <= date2) {
		alert("Mince, ça ne marche pas pour dateApres");
	}
Ce code affiche "dateMileu est bien compris entre les 2 dates", ce qui signifie qu'il suffit de comparer les dates comme s'il s'agissait de nombres, de (chaînes de) caractères,...

=> "X compris entre X1 et X2" c'est "X>=X1 && X<=X2". Les bornes étant incluses. :-)

En espérant avoir répondu à la question.
Messages postés
10
Date d'inscription
vendredi 23 novembre 2007
Statut
Membre
Dernière intervention
21 avril 2008

merci beaucoup pour la rapidité de la réponse.
Comme je suis novice dans ce domaine, comment je peux à la soumission d'un formulaire faire cette comparaison.
Je pense que dateFormulaire sera X.

Merci
Messages postés
10
Date d'inscription
vendredi 23 novembre 2007
Statut
Membre
Dernière intervention
21 avril 2008

Merci mais j'ai donc testé ce code et avec l'exemple suivant ça me renvoie systematiquement vers la page blabla dans tous les cas de date

<body>
<script type="text/javascript">
function validation(date) {


var date1 = new Date(2007, 11, 24);
var date2 = new Date(2007, 11, 30);
if(date <= date1 && date >= date2) {
alert("La date dépasse les limites, le formulaire ne sera pas envoyé.");
return false;
}else {
return true;
}
}
</script>
<form action="blabla.htm" method="post" onsubmit="return validation(new Date(2007, 11, 15))">
<input type="submit" value="Envoyer">
</form>
</body>
Messages postés
489
Date d'inscription
samedi 23 juin 2007
Statut
Membre
Dernière intervention
19 juin 2011
220
Si
2007/11/15 plus petit ou égal à 2007/11/24 => VRAI
ET
2007/11/15 plus grand ou égal à 2007/11/30 => FAUX

=> la condition est fausse donc il passe dans le else où il retourne VRAI (c'est à dire qu'il valide la date alors qu'elle est pas bonne).

Fais exactement comme j'ai écrit, j'ai insisté (si tu relis bien) sur le fait d'une inversion de condition.

J'ai écrit : "Note que j'ai inversé la condition => pas compris entre => !(condition ok) "

C'est le symbole ! qui inverse la condition.
Messages postés
10
Date d'inscription
vendredi 23 novembre 2007
Statut
Membre
Dernière intervention
21 avril 2008

ok super merci pour votre aide

David