Vérifier champ formulaire sans bouton

**Jiraiya42** · 19/07/2007, 14h08

Salut !

Je sais pas si le titre est assez clair donc je vais essayer de l'être plus. J'ai un formulaire avec beaucoup de champs. J'ai un champ date et en fonction de ce dernier j'aimerais que selon sa valeur ça modifie ma liste déroulante. Ceci sans bouton c'est le soucis... Je voudrais que ce soit en direct sur la page pour éviter de renvoyer le visiteur sur la page...

Quelqu'un sait comment faire svp ?

Merci d'avance...

**Matthieu2000** · 19/07/2007, 14h15

Code :

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

onBlur

**Jiraiya42** · 19/07/2007, 19h47

Envoyé par Matthieu2000

Code :

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

onBlur

Merci mais l'évênement onBlur ne fonctionne pas sous Firefox...

**dream_of_australia** · 20/07/2007, 01h48

Pourtant j'utilise onblur sur des formulaires dans un site, et ça fonctionne sous Firefox. As-tu testé ?

**Jiraiya42** · 20/07/2007, 07h02

Envoyé par dream_of_australia

Pourtant j'utilise onblur sur des formulaires dans un site, et ça fonctionne sous Firefox. As-tu testé ?

Oui j'ai testé un petit formulaire et rien ne se passe avec firefox

**javatwister** · 20/07/2007, 10h19

pour un champ de type text, essaie onchange (ce qui suppose que tu devras quitter le champ pour activer le script)

**buzzkaido** · 20/07/2007, 10h36

Avec onChange, onKeyUp / onKeyDown et onBlur tu devrais pouvoir traiter tout les type de champ

**Bisûnûrs** · 20/07/2007, 10h38

Envoyé par javatwister

(ce qui suppose que tu devras quitter le champ pour activer le script)

Et que la valeur de celui-ci a été modifiée.

**marcha** · 20/07/2007, 17h58

Salut,

Si tu es en XHTML c'est pas onBlur, mais onblur, peut-être est-ce la cause de
ton problème sur FF.

Sinon, pour tester un champ, la solution la plus simple à mon avis, c'est de
travailler avec setInterval, ça évite de devoir gérer les pressions de touches
et le coller avec la souris.

un petit exemple (non testé)

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
 
window.onload = function() {
  setInterval( checkfield, 50);
}
 
var last = '';
function checkfield() {
  var v = document.getElementById('id_du_champ').value;
  if(v != last) {
      ... traiter ici un code de vérification
      last = v;
  }
}

**Jiraiya42** · 22/07/2007, 13h56

Merci pour vos réponses...

Que de réponse ! Je vais pas me plaindre mais j'avoue que du coup je suis bien paumé au vue de toutes les solutions possibles lol.

Je vais préciser mon objectif pour limiter les solutions.

J'ai un champ texte contenant une date au format AAAA/MM/JJ et une liste déroulante contenant des jours de 1 à 90.

Petit calcul sur la date pour voir si au jour d'aujourd'hui ça fait moins de 2 ans ou plus de 2 ans.

Si ça fait moins de 2 ans, la liste déroulante n'affiche que 90, sinon elle les affiche tous.

J'ai fait une version php qui marche mais j'aimerais que tout ceci soit controlé au niveau du formulaire... est-ce plus précis ?

Quelqu'un peut m'aider svp ?

Merci d'avance...

**Jiraiya42** · 22/07/2007, 21h57

J'ai fait un truc dans le genre mais je bloque :

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
 
<html>
<head>
<script language="JavaScript">
function VerifDate(champ) 
 {
  var date="";
  document.getElementById('nom').value;
  date = (document.getElementById('nom').value) - (dateactu);
  if (date <= 2)
   {
    // Liste déroulante chargée avec seulement 90
   }
  else
   {
    // Liste déroulante chargée de 1 à 90
   }
 }
</script>
</head>
<body>
<input type="text" name="nom" onclick="VerifDate(this)" />
</body>
</html>

Quelqu'un peut m'aider svp ? Je connais pas trop

Merci d'avance...

**buzzkaido** · 23/07/2007, 09h21

Y'a pas de raison que ça ne marche pas, mais pour faire des operations sur les dates (addition, soustraction...) il te faut utiliser l'objet date.

**Jiraiya42** · 23/07/2007, 16h03

[QUOTE=buzzkaido]Y'a pas de raison que ça ne marche pas, mais pour faire des operations sur les dates (addition, soustraction...) il te faut utiliser l'objet date.

Ca peut pas marcher étant donné que j'arrive pas à faire une fonction qui tient la route

Le lien que tu as donné je l'avais déjà lu et je pige pas, à vrai dire j'ai pas vraiment le temps d'étudier les fonctions javascript dans le détails pour l'instant. Je voulais juste que quelqu'un m'aide à créer cette petite fonction. En php ça m'a prit 5 minutes à tout casser donc je pense qu'en javascript c'est pareil non ?

Quelqu'un peut m'aider svp ?

**Jiraiya42** · 23/07/2007, 16h15

J'ai fait ç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
 
<html>
<head>
<script language="JavaScript">
function VerifDate(champ) 
 {
  var result=new Date();
  document.getElementById('nom').value;
  demain.setTime ((result.setTime(result.getTime()) - (document.getElementById('nom').value))
  if (result <= 2)
   {
    document.write("Résultat supérieur à 2 ")
   }
  else
   {
    document.write(result)
    document.write("Résultat inférieur à 2 ")
   }
 }
</script>
</head>
<body>
<input type="text" name="nom" onclick="VerifDate(this)" />
</body>
</html>

Quelqu'un peut me donner un coup de main svp ? Sinon je vais bloquer jusqu'à demain !

**buzzkaido** · 23/07/2007, 17h07

Code :

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

document.getElementById('nom').value;

Elle sert à quoi cette ligne ?

Code :

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

demain.setTime

Mais où est definit "demain" ?

Code :

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

1
2
3
var result=new Date();
...
if (result <= 2)

Hum... pas de commentaire !

Essaie comme ç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
function VerifDate(champ) 
{
    //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);
    var month = document.getElementById(champ).value.substring(5,7);
    var year = document.getElementById(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();

    alert("Intervalle entre la date entrée et aujourdhui : " + intervalleDeTemps + " millisecondes");
    alert("Intervalle entre la date entrée et aujourdhui : " + intervalleDeTemps/(1000*60*60) + " heures");
}

**Jiraiya42** · 23/07/2007, 21h15

Envoyé par buzzkaido

Code :

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

document.getElementById('nom').value;

Elle sert à quoi cette ligne ?

Elle sert à récupérer la valeur du champ

Code :

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

demain.setTime

Mais où est definit "demain" ?

[QUOTE]
Bonne question, petite erreur...

Code :

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

1
2
3
var result=new Date();
...
if (result <= 2)

Hum... pas de commentaire !

Essaie comme ç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
function VerifDate(champ) 
{
    //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);
    var month = document.getElementById(champ).value.substring(5,7);
    var year = document.getElementById(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();

    alert("Intervalle entre la date entrée et aujourdhui : " + intervalleDeTemps + " millisecondes");
    alert("Intervalle entre la date entrée et aujourdhui : " + intervalleDeTemps/(1000*60*60) + " heures");
}

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
 
<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 = document.getElementById(champ).value.substring(8,10);
    var month = document.getElementById(champ).value.substring(5,7);
    var year = document.getElementById(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();
 
    alert("Intervalle entre la date entrée et aujourdhui : " + intervalleDeTemps + " millisecondes");
    alert("Intervalle entre la date entrée et aujourdhui : " + intervalleDeTemps/(1000*60*60) + " heures");
}
</script>
</head>
<body>
<input type="text" name="nom" onclick="VerifDate(this)" />
</body>
</html>

Et ça me rep dans firefox:

Code :

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

1
2
3
4
 
Erreur : document.getElementById(champ) has no properties
Fichier source : http://pcnico/recupchampjs/
Ligne : 8

Et donc résultat ça n'affiche pas l'alert

Quelqu'un peut m'aider svp ?

Merci d'avance...

**Jiraiya42** · 24/07/2007, 09h34

Personne sait comment faire ?

**buzzkaido** · 24/07/2007, 09h37

Code :

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

document.getElementById('nom').value;

Je me doute bien que ça sert à recuperer une valeur... mais tu la stockes où ?

Code :

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

onclick="VerifDate(this)"

Ca ne peut pas marcher, l'argument de la fonction est utilisé comme un ID, et tu lui passes un objet !

Soit tu fait :

Code :

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

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

Soit tu fais :

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
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();
 
    alert("Intervalle entre la date entrée et aujourdhui : " + intervalleDeTemps + " millisecondes");
    alert("Intervalle entre la date entrée et aujourdhui : " + intervalleDeTemps/(1000*60*60) + " heures");
}

Mais pas un melange des deux !

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

Envoyé par buzzkaido

Code :

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

document.getElementById('nom').value;

Je me doute bien que ça sert à recuperer une valeur... mais tu la stockes où ?

Code :

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

onclick="VerifDate(this)"

Ca ne peut pas marcher, l'argument de la fonction est utilisé comme un ID, et tu lui passes un objet !

Soit tu fait :

Code :

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

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

Soit tu fais :

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
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();
 
    alert("Intervalle entre la date entrée et aujourdhui : " + intervalleDeTemps + " millisecondes");
    alert("Intervalle entre la date entrée et aujourdhui : " + intervalleDeTemps/(1000*60*60) + " heures");
}

Mais pas un melange des deux !

Inutile de s'enflammer, j'avais prévenu que je débutais en javascript

Ta fonction fonctionne mais elle se déclenche dès que je clique dans le champ text donc j'ai meme pas le temps d'écrire et puis j'ai toujours le problème de la liste déroulante à charger selon le cas

**buzzkaido** · 24/07/2007, 10h41

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.

Vérifier champ formulaire sans bouton

JavaScript

Discussions similaires

Partager

Partager