Tester valeur submit

Version imprimable

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:

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:

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:

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?

Code:

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:

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

16/06/2014, 12h42
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

Finalement j'ai fait:

Code:

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:

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

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

Code:

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

16/06/2014, 14h47
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.
16/06/2014, 14h50
Watilin
Citation:

Envoyé par sarafati

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).
16/06/2014, 15h40
sarafati

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