Discussion :

[sarafati]

Bonjour à tous,

je souhaite vérifier la valeur d'un submit contenu dans une div (qui apparaît selon les besoins) elle même contenue dans un formulaire.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
 
function test1(s){
 
                        if(document.laform.s.value  > 15){
 
                            alert("non");
                            return false;
 
                        }				
                    }

Le submit est contenu dans cette div :

Code :

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

1
2
3
4
5
6
7
 
<div id="div_1" name="div_1" style="display:none" >
 
		    <label>Nombre de sommets:</label>
	            <input type="text" id="s" name="s" value="4" onclick="test1(this);">
 
</div>

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
 
if(SelValue=="etoile"  )
           {
 
                   document.getElementById('div_1').style.display = 'block';
 
 
 
           }
               else{
                    document.getElementById('div_1').style.display ='none';
 
                }

Cela fait deux jours que je suis dessus je n'obtiens aucun affichage. Pourriez-vous m'aider s'il vous plaît?

[SpaceFrog]

Code :

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

1
2
3
4
5
6
<div id="div_1" name="div_1" style="display:none" >
 
		    <label>Nombre de sommets:</label>
	            <input type="text" id="s" name="s" value="4" onclick="test1(this);">
 
</div>

il n'y a pas de submit dans ton div ...
il y a un input ...



tu passes this en param de la fonction ...
teste sa value dans la fonction

Code :

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

1
2
3
4
5
6
7
8
9
function test1(s){
 
                        if(s.s.value  > 15){
 
                            alert("non");
                            return false;
 
                        }				
                    }

[sarafati]

Merci de répondre aussi rapidement!

Oui en effet il s'agit d'un input

je viens de tester votre solution mais cela ne fonctionne pas :S

[sarafati]

Finalement j'ai fait:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
 
function test1(s){
 
 
 
        if(document.getElementById('s').value > 15){
 alert("non");
return false;
        }
 
 
}

Code :

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

1
2
3
4
5
6
7
 
<div id="div_1" name="div" style="display:none" >
 
		    <label>Nombre de sommets:</label>
	            <input type="text" id="s" name="s" value="4" onchange="test1(this);">
 
</div>

losrque je clic ailleurs l'alerte s'affiche, mais lorsque je reclic sur le bouton valider le formulaire passe...

[SpaceFrog]

Désolé une coquille s'est glissée dans mon code précédent

Code :

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

1
2
3
4
5
6
function test1(s){
                         if(s.value  > 15){
                             alert("non");
                            return false; 
                        }				
                    }

[sarafati]

Pas de problème!

Auriez-vous une solution pour que ma fonction soit valable pour plusieurs tentatives?

Car à la première saisie, un alert s'affiche et je reste sur la page du formulaire mais si je reclic sur le bouton valider ma condition n'est plus valable.

[Watilin]

losrque je clic ailleurs l'alerte s'affiche, mais lorsque je reclic sur le bouton valider le formulaire passe...

C'est normal que le onchange se produise seulement lorsque tu cliques à côté, car c'est comme ça que fonctionnent les onchange. Si tu veux parer à toutes les situations, tu dois rajouter un onkeyup qui fait la même chose, mais à ce moment-là retire les alert, sinon ça sera très perturbant pour l'utilisateur.

De plus, le return false à cet endroit ne sert à rien. Si tu veux empêcher la soumission du formulaire, il faut renvoyer false dans une fonction onsubmit. Dans l'idéal, tu devrais faire deux choses :

• vérifier les champs en temps réel avec onchange + onkeyup, dans le seul but de donner un retour visuel à l'utilisateur ;
• vérifier les champs au moment du onsubmit, cette fois-ci pour empêcher la soumission si les champs sont incorrects.

Et n'oublie pas qu'une protection JavaScript peut toujours être contournée, il faut donc vérifier les données côté serveur aussi.

Au fait, le name sur la <div> est inutile (voir element.name).

[sarafati]

C'est génial ça fonctionne!
Merci beaucoup pour votre explication détaillée!