Contrôle de validité d'une heure

Version imprimable

07/08/2008, 10h05
michaeljeru

Contrôle de validité d'une heure

Voila, j'ai besoin que l'utilisateur saisisse une heure sur ma page, au format hh:mm, et je veux faire un contrôle de validité sur la saisie. Etant débutant complet en javascript, j'ai essayé de trouver des scripts prêts à l'emploi, dans le même genre que les calendriers, mais je n'ai rien trouvé.
Merci pour votre aide.

t as pas trop du chercher :D

Code:

1
2
3
4
 
today   = new Date();
hours   = today.getHours();
minutes = today.getMinutes();

07/08/2008, 10h28
michaeljeru

non, ce que je veux, c'est pouvoir tester la saisie de l'utilisateur avec une fonction, qui me rejeterait la saisie "27h53", mais qui autoriserait les saisies "2h53 et 12h53" par exemple.
07/08/2008, 10h34
laurentibus
ah ben tu recupere la valeur du champ qui prend l heure ....apres tu travaille la chaine.... : par ex si t attend une heure type hh:mm
Code:

1 2 3 4 heure = getElementById('id_champ_heure').value; var h= heure.substring(0,2); var m= heure.substring(3,5);

Salut,

Autre exemple (HHhMM )

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function testTime (time) {
  hours = time.substring(0,2);
  minutes = time.substring(3,5);
  /*secunds = time.substring(6,8);*/
  text_erreur = "";
  text_erreur += (hours<0 || hours>23) ? "Erreur sur les heures" +'\n': "";
  text_erreur += (minutes<0 || minutes>59) ? "Erreur sur les minutes" +'\n': "";
  /*text_erreur += (secunds<0 || secunds>59) ? "Erreur sur les secondes" +'\n': "";*/
  if(text_erreur != "") {
     alert (text_erreur);
     return false;
  }
  else{
       return true;
  }
}
 
testTime("24:60:62");

A+

bonjour,

exemple avec l'objet Date et ses méthodes :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
 
<title></title>
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="fr" />
 
<script type="text/javascript">
<!--
function testHeure(H, M)
{
  var jour, heures, minutes;
  
  jour   = new Date();
  jour.setHours(H);
  jour.setMinutes(M);
  
  heures = jour.getHours();
  minutes = jour.getMinutes();
  
  alert("Heures : "+H+" "+heures+"\nMinutes : "+M+" "+minutes);
  
}
//-->
</script>
 
</head>
 
<body>
<input type="button" value="23h57" onclick="testHeure(23,57)" />
<input type="button" value="23h85" onclick="testHeure(23,85)" />
<input type="button" value="25h90" onclick="testHeure(25,90)" />
 
</body>
</html>

clique sur les boutons et regarde l'affichage....

Il te reste à ajouter un test à la fin de la fonction :

Code:

1
2
3
 
if (H!=heures || M!=minutes)
    alert("heure non conforme);

07/08/2008, 14h08
Matthieu2000

fais deux listes déroulantes ...:aie::arf::dehors:
07/08/2008, 14h10
laurentibus

:king:

ouais c'est clair comme ça t as même plus a t embêter a tester la validité puisqu'elle le seront forcement ....

Des fois c'est si simple qu'on va chercher ailleurs 8O8O ...