Discussion :

[Valadone]

Bonjour,

J'ai un soucis au niveau de mon Javascript. Je souhaite que si l'utilisateur indique une valeur négative ou nulle dans le champ soit une phrase apparait indiquant que la valeur est impossible et le formulaire n'est pas envoyé, soit un pop-up avec un alert apparait et le formulaire ne s'envoie pas non plus.

Par la suite je ferai la vérification en PHP aussi.

Mon code :

HTML :

Code html :

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

1
2
3
4
5
6
7
8
<form method='post' action='panier.html' onsubmit='pasNegatif();'>
<input type='hidden' name='id_article' value='$article[id_article]'>
<input type='hidden' name='id_promo' value='$promo[id_promo]'>
<input type="submit" name="ajout_panier" value="Ajouter au panier" class="bouton btn_ajoutPanierFA">
<input type='text' name='quantite' value='1' id='quantite'>
<p onclick='Objet.plus();'>+</p>
<p onclick='Objet.moins();'>-</p>
</form>

JS:

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
 
var Objet = {
plus : function(){
		var ajoutQuantite = document.getElementById('quantite');
		ajoutQuantite.value = parseInt(ajoutQuantite.value)+1;
	},
	moins : function(){
		var soustraireQuantite = document.getElementById('quantite');
		soustraireQuantite.value = parseInt(soustraireQuantite.value)-1;
	},
	pasNegatif : function(){
   if(parseInt('quantite') > 0)
      return true;
   else
   {
      alert("Quantité nulle ou négatif impossible.");
      return false;
   }
	}	
}

Et si vous voulez vérifier directement en testant, le codepen :

http://codepen.io/anon/pen/XbxOwo

Merci.

[NoSmoking]

Bonjour,
au moins deux choses

Code :

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

<form method='post' action='panier.html' onsubmit='pasNegatif();'>

la fonction pasNegatif() n'existe pas il s'agit sûrement de Objet.pasNegatif().

Code :

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

if(parseInt('quantite') > 0)

mais d'où sort quantite ?

[Valadone]

Erreur d'inattention de ma part d'avoir oublié l'Objet...

Sinon le 'quantite' vient d'ici :

Code :

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

<input type='text' name='quantite' value='1' id='quantite'>

Donc maintenant la fonction pasNegatif fonctionne mais le formulaire s'envoie quand même.

nouveau codepen avec correction:

http://codepen.io/anon/pen/QbZPjR

[NoSmoking]

Donc il te faut écrire

Code :

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

if(parseInt(document.getElementById('quantite')) > 0)

de plus il te faut également mettre un return dans ton submit pour annuler l'action par défaut

Code html :

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

<form method="post" action="panier.html" onsubmit="return Objet.pasNegatif();">

[Valadone]

C'est bon tout fonctionne.

Mon formulaire ne s'envoie pas quand c'est faux, pile ce que je voulais, merci !