Contrôle de validité d'une heure

**michaeljeru** · 07/08/2008, 10h05

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.

**laurentibus** · 07/08/2008, 10h14

t as pas trop du chercher

Code :

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

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

++

**michaeljeru** · 07/08/2008, 10h28

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.

**laurentibus** · 07/08/2008, 10h34

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 :

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

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

Invité · 07/08/2008, 10h43

Salut,

Autre exemple (HHhMM )

Code :

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
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+

**Auteur** · 07/08/2008, 10h47

bonjour,

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

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
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 :

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

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

Contrôle de validité d'une heure

JavaScript

Vue hybride

Discussions similaires

Partager

Partager