Vérification format heure

Version imprimable

10/04/2014, 16h10
Kazumi

Vérification format heure

Bonjour,

Voila depuis maintenant quelque heure que je me heurte à un problème.
Dans un formulaire, je traite un champ de type texte, dont le format doit être dans le format suivant : HH:MM:SS

Ma question est la suivante, avait vous des pistes pour pouvoir contrôler le format de ce champ ?
Ne pas autoriser l'utilisateur à rentrer des caractères autres que des numéros et des ":" ?
Ou si il est possible d'ajouter, comme pour un format date, un calendrier ou je ne sais quoi ?

Merci d'avance
10/04/2014, 16h34
SpaceFrog

il me semble que le sujet à déjà été traité ...

Redirection s'il vous plaît ? Car j'ai fait une recherche rapide, je n'ai pas trouvé mon bonheur :/

J'utilise cette fonction pour le moment mais qui ne donne rien :/

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function CheckHeure(H){
	var thetime, hours, minutes, seconds;
	var onetime;
 	var mysplit=H.split(' ');
	if (mysplit.length != 2) {
		return false;}
 	thetime = mysplit[0].split(':');
	hours = parseInt(thetime[0],10);
	minutes = parseInt(thetime[1],10);
	seconds = parseInt(thetime[2],10);
 	if ((mysplit[1].length != 8) || (thetime.length != 3)||
		(isNaN(hours)) || (isNaN(minutes)) || (isNaN(seconds)) ||
		(thetime[0].length < 2) || (thetime[1].length < 2) || (thetime[2].length < 2)) {
			alert('Erreur');}
	if ((onetime.getHours() != hours) || (onetime.getMinutes() != minutes) || (onetime.getSeconds() != seconds)){
		alert('Erreur');}
	return true;
}

10/04/2014, 16h57
Kaamo

Réflexe :
F.A.Q JS > Objet Date > Comment vérifier si un champ qui contient la date et l'heure au format (aaaa-mm-jj hh:mm:ss) est bien rempli ?

A adapter à ton besoin
10/04/2014, 16h57
SpaceFrog

http://www.developpez.net/forums/d12...-heure-format/

Code Html :

Code:

1
2
3
4
<form name="saisie_periode" action="#">
Heure  (Format HH:MM:SS) : <input type='text' name='heure' id='heure' maxlength='8' OnChange='CheckHeure(this)'/> </br>
<input type='Submit' name="Submit" value="valider"/>
</form>

Code JS :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function CheckHeure(H){
    var thetime, hours, minutes, seconds;
    var onetime;
    var mysplit=H.split(' ');
    if (mysplit.length != 2) {
        return false;}
    thetime = mysplit[0].split(':');
    hours = parseInt(thetime[0],10);
    minutes = parseInt(thetime[1],10);
    seconds = parseInt(thetime[2],10);
    if ((mysplit[1].length != 8) (thetime.length != 3)
        (isNaN(hours)) (isNaN(minutes)) (isNaN(seconds))
        (thetime[0].length < 2) (thetime[1].length < 2) (thetime[2].length < 2)) {
            alert('Erreur');}
    if ((onetime.getHours() != hours) (onetime.getMinutes() != minutes) (onetime.getSeconds() != seconds)){
        alert('Erreur');}
    return true;
}

Aucun résultat :/ Des éléments de réponse ?

10/04/2014, 17h55
Bovino

Citation:

Format HH:MM:SS

Code:

var mysplit=H.split(' ');

Tu fais un split() sur les espaces, mais il n'y en a pas dans le format attendu... :roll:

En effet, j'ai effectué quelques modifications dans le code, mais toujours aucun résultat :/

Code HTML :

Code:

1
2
3
4
<form name="saisie_periode" action="#">
Heure  (Format HH:MM:SS) : <input type='text' name='heure' id='heure' maxlength='8' OnKeyUp='CheckHeure()'/> </br>
<input type='Submit' name="Submit" value="valider"/>
</form>

Code JS :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function CheckHeure(){
    var hours, minutes, seconds;
    var onetime;
	var time = document.getElementById("heure")
	hours = time.split(':');
    hours = parseInt(elem[0],10);
    minutes = parseInt(elem[1],10);
    seconds = parseInt(elem[2],10);
    if ((time.length != 8) ||
		(isNaN(hours)) || (isNaN(minutes)) ||(isNaN(seconds)) ||
        (elem[0].length < 2) || (elem[1].length < 2) || (elem[2].length < 2)) {
            alert('Erreur');}
    return true;
}

10/04/2014, 18h39
NoSmoking
Bonjour,
Code:

1 2 var time = document.getElementById("heure") hours = time.split(':');
tu appliques la méthode split sur un objetDOM !?!

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function CheckHeure()
{
    var hours, minutes, seconds;
    var thetime;
	var time = document.getElementById("heure")
 
	thetime = time.split(':');
    hours = parseInt(thetime[0],10);
    minutes = parseInt(thetime[1],10);
    seconds = parseInt(thetime[2],10);
 
    if ((time.length != 8) ||
		(isNaN(hours)) || (isNaN(minutes)) ||(isNaN(seconds)) ||
        (thetime[0].length < 2) || (thetime[1].length < 2) || (thetime[2].length < 2)) {
            alert('Erreur');}
 
    return true;
}

Toujours rien :/

10/04/2014, 18h53
NoSmoking

ceci est toujours d'actualité

Citation:

tu appliques la méthode split sur un objetDOM !?!
10/04/2014, 19h04
Kazumi

Désolé de ne pas avoir de connaissance aussi poussée que toi en javascript mais je ne vois pas où est mon erreur... Pourrait tu m’éclairer ?

C'est parce que je fais un split sur un document.getElementById("heure") ?

Code:

1
2
3
4
5
6
 
<form name="saisie_periode" action="#">
Heure (Format HH:MM:SS) : 
<input type='text' name='heure' id='heure' maxlength='8' /> </br>
<input type='Submit' name="Submit" value="valider" OnSubmit="CheckHeure()"/>
</form>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
//Heure au format HH:MM:SS
function CheckHeure()
{
    var hours, minutes, seconds;
    var thetime;
	var time = document.getElementById("heure")
 
	thetime = time.split(':');
    hours = parseInt(thetime[0],10);
    minutes = parseInt(thetime[1],10);
    seconds = parseInt(thetime[2],10);
 
    if ((time.length != 8) || (isNaN(hours)) || (isNaN(minutes)) ||(isNaN(seconds)) || (thetime[0].length < 2) || (thetime[1].length < 2) || (thetime[2].length < 2)) {
            alert('Erreur');
			return false;
			}
 
	alert('test');
	return true;	
}

Ça m’exécute même pas le alert('test')... incompréhensible ! Help

10/04/2014, 21h52
Kazumi

Problème résolu ! Je clos
10/04/2014, 22h02
NoSmoking

Citation:

Problème résolu ! Je clos

j'espère simplement que tu as bien compris l'erreur que tu faisais ;)