Vérifier champ formulaire sans bouton

**Jiraiya42** · 24/07/2007, 10h59

Envoyé par buzzkaido

S'enflammer ? tu vas un peu vite.

Code :

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

1
2
<input type="text" name="nom" id="nom" onclick="VerifDate('nom')" 
/>

Code :

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

<input type="text" name="nom" id="nom" onchange="VerifDate('nom')" />

ou onKeyUp ou onKeyDown ou autre selon tes besoins.

Dans la fonction, j'ai mis des "alert" pour que tu vois le resultat, mais c'est à toi de remplacer ça par un test et agir en consequence :

- si le delai est superieur à X faire une action
- si le delai est inferieur à Y faire une autre action

C'est pas une question de javascript, c'est une question de logique. Et de documentation.

La logique elle y est merci, puisque plus haut j'ai mit un algo montrant le raisonnement. Et si j'avais trouvé des réponses dans la doc j'aurais pas posté ici.

Cela dit merci de tes réponses et j'espère que quelqu'un pourra me donner un coup de pouce pour "traduire" mon idée

**buzzkaido** · 24/07/2007, 11h08

Ben honnetement, tu as tout les elements, mais bon, je vais preciser :

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
19
20
21
22
23
24
function VerifDate(champ) 
{
    //On suppose que la date entrée a été validée auparavant
    //au format yyyy/mm/dd
    var day = champ.value.substring(8,10);
    var month = champ.value.substring(5,7);
    var year = champ.value.substring(0,4);
    var dateEntree = new Date();
    dateEntree.setDate(day);
    dateEntree.setMonth(month);
    dateEntree.setFullYear(year); 
    var aujourdhui = new Date();
 
    var intervalleDeTemps = dateEntree.getTime() - aujourdhui.getTime();
 
    if (intervalleDeTemps  > CeQueTuVeux)
    {
        // Liste déroulante chargée avec 1 à  90
    }
    else
    {
        // Liste déroulante chargée avec seulement 90
    }
}

Après, le soucis, c'est de verifier la validité de la date entrée.

Pour cela, tu peux faire :

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
function VerifDate(champ) 
{
    //On suppose que la date entrée a été validée auparavant
    //au format yyyy/mm/dd
    var day = champ.value.substring(8,10);
    var month = champ.value.substring(5,7);
    var year = champ.value.substring(0,4);
 
    if (      (parseInt(day) > 0)
         && (parseInt(day) < 32)
         && (parseInt(month) > 0)
         && (parseInt(month) < 13)
         && (parseInt(year) > 1990)
         && (parseInt(year) < 2025) )
    {
        // La date est valide
       var dateEntree = new Date();
       dateEntree.setDate(day);
       dateEntree.setMonth(month);
       dateEntree.setFullYear(year); 
       var aujourdhui = new Date();
 
       var intervalleDeTemps = dateEntree.getTime() - aujourdhui.getTime();
 
       if (intervalleDeTemps  > CeQueTuVeux)
       {
           // Liste déroulante chargée avec 1 à  90
       }
       else
       {
           // Liste déroulante chargée avec seulement 90
       }
   }
   else
   {
      // Date non valide
      // Desactivation de la liste deroulante
   }
}

**Jiraiya42** · 24/07/2007, 11h18

Merci pour ta réponse mais comment faire pour afficher la liste déroulante avec javascript ? Peut on l'afficher directement dans la fonction ?

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
 
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
function VerifDate(champ) 
 {  
  //On suppose que la date entrée a été validée auparavant  
  //au format yyyy/mm/dd  
  var day = champ.value.substring(8,10); 
  var month = champ.value.substring(5,7); 
  var year = champ.value.substring(0,4); 
  if ( (parseInt(day) > 0)  && (parseInt(day) < 32)  && (parseInt(month) > 0)  && (parseInt(month) < 13)  && (parseInt(year) > 1990)  && (parseInt(year) < 2025) )  
   {  
    // La date est valide  
	var dateEntree = new Date(); 
	dateEntree.setDate(day); 
	dateEntree.setMonth(month); 
	dateEntree.setFullYear(year); 
	var aujourdhui = new Date();   
	var intervalleDeTemps = dateEntree.getTime() - aujourdhui.getTime();   
	if ((intervalleDeTemps/(1000*60*60)) >= 8760)  
	 {  
	  // Liste déroulante chargée avec 1 à 90
          <select>
           <option></option>
           ...
          </select>  
	 }  
	else  
     {  
	  // Liste déroulante chargée avec seulement 90 
          <select>
           <option></option>
           ...
          </select>
	 }  
   }  
  else 
   {  
    // Date non valide  
	// Desactivation de la liste deroulante  
   } 
  }
</SCRIPT>
</head>
<body>
<input type="text" name="nom" id="nom" value="2001/01/01" OnChange="VerifDate('nom')" />
</body>
</html>

En quoi la syntaxe diffère svp ?

Document.write() ?

**buzzkaido** · 24/07/2007, 11h21

Ah non !

Ca ne marche pas comme ça du tout !

Il faut que tu utilises (par exemple)

document.GetElementById("maListe").options[i] = new Option();

Voir ici :

http://www.google.fr/search?hl=fr&q=...e+Google&meta=

En cherchant un peu, tu aura toutes les infos :
- vider une liste
- ajouter des elements à la liste
- desactiver la liste
....

**Jiraiya42** · 24/07/2007, 11h39

J'ai mis ça :

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
 
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
function VerifDate(champ) 
 {  
  //On suppose que la date entrée a été validée auparavant  
  //au format yyyy/mm/dd  
  var day = champ.value.substring(8,10); 
  var month = champ.value.substring(5,7); 
  var year = champ.value.substring(0,4); 
  if ( (parseInt(day) > 0)  && (parseInt(day) < 32)  && (parseInt(month) > 0)  && (parseInt(month) < 13)  && (parseInt(year) > 1990)  && (parseInt(year) < 2025) )  
   {  
    // La date est valide  
	var dateEntree = new Date(); 
	dateEntree.setDate(day); 
	dateEntree.setMonth(month); 
	dateEntree.setFullYear(year); 
	var aujourdhui = new Date();   
	var intervalleDeTemps = dateEntree.getTime() - aujourdhui.getTime();   
	if ((intervalleDeTemps/(1000*60*60)) >= 8760)  
	 {  
	  // Liste déroulante chargée avec 1 à 90
	  document.forms.test.liste.options[document.forms.f.test.options.length] = new Option('1','cmd'); 
	  document.forms.test.liste.options[document.forms.f.test.options.length] = new Option('10','cmd');
	  document.forms.test.liste.options[document.forms.f.test.options.length] = new Option('90','cmd'); 
	 }  
	else  
     {  
	  document.forms.test.liste.options[document.forms.test.liste.options.length] = new Option('90','cmd');
	 }  
   }  
  else 
   {  
    // Date non valide  
	// Desactivation de la liste deroulante  
   } 
  }
</SCRIPT>
</head>
<body>
<form name="test" action="testjs.php" method="post">
<input type="text" name="nom" id="nom" value="2001/01/01" OnChange="VerifDate('nom')" />
<br />
<select name="liste"> 
</select>
</form>
</body>
</html>

Rien ne se passe... Où est ce que je foire svp ?

**buzzkaido** · 24/07/2007, 11h49

Tu n'as aucun message d'erreur ?

Sinon, essaie plutot comme ça :

Code :

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

<select name="liste" id="liste">

et :

Code :

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

document.getElementById("liste").options[document.getElementById("liste").length] = new Option('1','cmd');

**buzzkaido** · 24/07/2007, 11h50

Et la date que tu entre est bien valide ?

Essaie en placant des "alert" dans le code de ta fonction pour voir par où elle passe.

**Jiraiya42** · 24/07/2007, 12h03

J'ai mis ça :

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
 
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
function VerifDate(champ) 
 {  
  //On suppose que la date entrée a été validée auparavant  
  //au format yyyy/mm/dd  
  var day = champ.value.substring(8,10); 
  var month = champ.value.substring(5,7); 
  var year = champ.value.substring(0,4); 
  if ( (parseInt(day) > 0)  && (parseInt(day) < 32)  && (parseInt(month) > 0)  && (parseInt(month) < 13)  && (parseInt(year) > 1990)  && (parseInt(year) < 2025) )  
   {  
    // La date est valide  
	var dateEntree = new Date(); 
	dateEntree.setDate(day); 
	dateEntree.setMonth(month); 
	dateEntree.setFullYear(year); 
	var aujourdhui = new Date();   
	var intervalleDeTemps = dateEntree.getTime() - aujourdhui.getTime();
	alert ("Début");   
	if ((intervalleDeTemps/(1000*60*60)) >= 8760)  
	 {  
	  // Liste déroulante chargée avec 1 à 90
	  document.getElementById("liste").options[document.getElementById("liste").length] = new Option('1','cmd');  
	  document.getElementById("liste").options[document.getElementById("liste").length] = new Option('10','cmd'); 
	  document.getElementById("liste").options[document.getElementById("liste").length] = new Option('90','cmd');
	  alert ("1 à 90 jours");  
	 }  
	else  
     {  
	  document.getElementById("liste").options[document.getElementById("liste").length] = new Option('90','cmd'); 
	  alert ("90 jours");
	 }  
   }  
  else 
   {  
    // Date non valide  
	// Desactivation de la liste deroulante  
   } 
  }
</SCRIPT>
</head>
<body>
<form name="test" action="testjs.php" method="post">
<input type="text" name="nom" id="nom" value="2001/01/01" OnChange="VerifDate('nom')" />
<br />
<select name="liste" id="liste"> 
</select>
</form>
</body>
</html>

Aucun des alert s'affiche, je crois que le problème se situe au niveau de l'appel de la fonction mais je ne vois pas ce qui cloche...

**Jiraiya42** · 24/07/2007, 12h09

WebExpert me donne ces erreurs :

Code :

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

1
2
3
4
5
6
7
 
[Erreur] testjs.php (44): ""test"" is not valid identifier.
[Erreur] testjs.php (44): ""test.php"" n'est pas une valeur code URL valide.
[Erreur] testjs.php (45): ""nom"" n'est pas une valeur identifier valide.
[Erreur] testjs.php (45): ""nom"" is not valid identifier.
[Erreur] testjs.php (47): ""liste"" n'est pas une valeur identifier valide.
[Erreur] testjs.php (47): ""liste"" is not valid identifier.

**buzzkaido** · 24/07/2007, 13h20

Rajoute un "alert" dans la partie du code "Date non valide" et aussi au tout debut de la fonction.

Et tu as fait la meme erreur qu'au debut :

Code :

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

VerifDate('nom')

Tu passes à la fonction une chaine de caracteres, donc logiquement un ID.

Or :

Code :

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

var day = champ.value.substring(8,10);

Dans la fonction tu l'utilises comme si c'etait un objet.

Pas très cohérent tout ça....

La logique elle y est merci

Ben du coup pas du tout. La logique de ce que tu veux faire, peut-etre, mais la logique du code c'est pas encore ça.

**Jiraiya42** · 24/07/2007, 14h10

Envoyé par buzzkaido

Rajoute un "alert" dans la partie du code "Date non valide" et aussi au tout debut de la fonction.

Et tu as fait la meme erreur qu'au debut :

Code :

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

VerifDate('nom')

Tu passes à la fonction une chaine de caracteres, donc logiquement un ID.

Or :

Code :

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

var day = champ.value.substring(8,10);

Dans la fonction tu l'utilises comme si c'etait un objet.

Pas très cohérent tout ça....

Ben du coup pas du tout. La logique de ce que tu veux faire, peut-etre, mais la logique du code c'est pas encore ça.

Je l'ai mis id="nom". Pour ce qui est de la logique je parlais de l'algo et pas du code... c'est deux choses différentes ! Je le sais bien que je fais pas du bon code pour l'instant, si je savais en faire du bon en javascript je posterai pas

**Jiraiya42** · 24/07/2007, 14h14

J'ai mis ça :

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
 
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
function VerifDate(champ) 
 {
  alert ("Tout début");  
  //On suppose que la date entrée a été validée auparavant  
  //au format yyyy/mm/dd  
  var day = champ.value.substring(8,10); 
  var month = champ.value.substring(5,7); 
  var year = champ.value.substring(0,4); 
  if ( (parseInt(day) > 0)  && (parseInt(day) < 32)  && (parseInt(month) > 0)  && (parseInt(month) < 13)  && (parseInt(year) > 1990)  && (parseInt(year) < 2025) )  
   {  
    // La date est valide  
	var dateEntree = new Date(); 
	dateEntree.setDate(day); 
	dateEntree.setMonth(month); 
	dateEntree.setFullYear(year); 
	var aujourdhui = new Date();   
	var intervalleDeTemps = dateEntree.getTime() - aujourdhui.getTime();
	alert ("Début");   
	if ((intervalleDeTemps/(1000*60*60)) >= 8760)  
	 {  
	  // Liste déroulante chargée avec 1 à 90
	  document.getElementById("liste").options[document.getElementById("liste").length] = new Option('1','cmd');  
	  document.getElementById("liste").options[document.getElementById("liste").length] = new Option('10','cmd'); 
	  document.getElementById("liste").options[document.getElementById("liste").length] = new Option('90','cmd');
	  alert ("1 à 90 jours");  
	 }  
	else  
     {  
	  document.getElementById("liste").options[document.getElementById("liste").length] = new Option('90','cmd'); 
	  alert ("90 jours");
	 }  
   }  
  else 
   {  
    // Date non valide  
	// Desactivation de la liste deroulante
	alert ("Non valide");  
   }
   alert ("Fin"); 
  }
</SCRIPT>
</head>
<body>
<form method="post">
<input type="text" id="date" value="2001/01/01" onClick="VerifDate('date')" />
<br />
<select id="liste"> 
</select>
</form>
</body>
</html>

Lorsque je clique dans la TextBox ya le premier alert() qui s'affiche et aucun des autres

**buzzkaido** · 24/07/2007, 14h14

Je l'ai mis id="nom".

Oui, mais :

Code :

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

VerifDate(champ)

et

Code :

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

champ.value.substring(8,10);

et

Code :

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

VerifDate('nom')

Pour resumer :

1/ Tu crées un select avec un ID
2/ Tu passe cet ID à une fonction
3/ Dans la fonction, tu traites le parametre qui as recu l'ID comme si c'etait un objet

Ca ne va pas du tout. C'est pas une question de Javascript, c'est une question de logique.

**buzzkaido** · 24/07/2007, 14h16

Tu repostes avec toujours la meme erreur !!!!

Soit (avec un ID) :

Code :

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

1
2
3
4
5
6
7
8
9
10
<input type="text" id="date" value="2001/01/01" onClick="VerifDate('date')" />

et

function VerifDate(champ) 
 {
  alert ("Tout début");  
  //On suppose que la date entrée a été validée auparavant  
  //au format yyyy/mm/dd  
  var day = document.getElementById(champ).value.substring(8,10);

Soit (avec un objet) :

Code :

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

1
2
3
4
5
6
7
8
9
10
<input type="text" id="date" value="2001/01/01" onClick="VerifDate(this)" />

et

function VerifDate(champ) 
 {
  alert ("Tout début");  
  //On suppose que la date entrée a été validée auparavant  
  //au format yyyy/mm/dd  
  var day = champ.value.substring(8,10);

Un mélange des deux ne marchera pas !!!!!!!!

**Jiraiya42** · 24/07/2007, 14h17

Envoyé par buzzkaido

Oui, mais :

Code :

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

VerifDate(champ)

et

Code :

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

champ.value.substring(8,10);

et

Code :

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

VerifDate('nom')

Pour resumer :

1/ Tu crées un select avec un ID
2/ Tu passe cet ID à une fonction
3/ Dans la fonction, tu traites le parametre qui as recu l'ID comme si c'etait un objet

Ca ne va pas du tout. C'est pas une question de Javascript, c'est une question de logique.

Oui c'est pas une question de langage... c'est pour ça que ma fonction php faisant le meme travail marche au poil... à quoi bon débattre

**buzzkaido** · 24/07/2007, 14h18

Non, c'est pas une question de langage, c'est une question de type des données !!!

En PHP, c'est comme essayer d'additionner une classe avec une string.

Rien à voir.

**buzzkaido** · 24/07/2007, 14h19

cf post n°34

http://www.developpez.net/forums/sho...9&postcount=34

**Jiraiya42** · 24/07/2007, 14h22

Envoyé par buzzkaido

Non, c'est pas une question de langage, c'est une question de type des données !!!

En PHP, c'est comme essayer d'additionner une classe avec une string.

Rien à voir.

Nan mais faut réfléchir... qui dit syntaxe complètement différente dit problème de langage. Si ya 2 fonctions faisant le meme travail dans 2 langages différents et que l'une d'elle marche c'est donc un problème de syntaxe et donc de LANGAGE.

**buzzkaido** · 24/07/2007, 14h24

Dans n'importe quel langage, si tu essaie de traiter une donnée de type A en la considerant comme une donnée de type B tu t'exposes à de serieux bugs.

Donc effectivement, il faut reflechir

Pour que ta fonction marche :

- Soit tu utilises des ID du debut à la fin
- Soit tu utilises des objets du debut à la fin

Sachant qu'un ID est une chaine de caracteres (type string) et qu'un objet est de type "object"

**Jiraiya42** · 24/07/2007, 14h25

Envoyé par buzzkaido

Dans n'importe quel langage, si tu essaie de traiter une donnée de type A en la considerant comme une donnée de type B tu t'exposes à de serieux bugs.

Donc effectivement, il faut reflechir

Pour exprimer ces données on utilise quoi ? Ah oui pardon des langages de programmation...

Vérifier champ formulaire sans bouton

JavaScript

Discussions similaires

Partager

Partager