controle sur submit

Bonjour,

je cherche a empecher l'envoi d'un formulaire si tous les champs ayant la classe oblig ne sont pas remplis.

Code:

---

1 2 3 4 5 6 7

$('#Envoyer').click(function(e) { var ret = true; $('.oblig').each(function() { if($(this).val() == "") ret = false }); if(ret) $('#form1').submit(); });

---

pouvez vous m'eclairer je ne trouve pas ma solution

c'est dans les contributions ..

il faut passer par le onsubmit du form

Code:

---

onsubmit="return verif()"

---

et que ta fonction verif() retourne true ou false selon les vérifications que tu souhaites
...http://www.developpez.net/forums/d55...on-formulaire/

sinon avec jquery

Code:

---

1 2 3 4 5 6 7 8 9

$('#form1').submit( function(){ var ret = true; $('.oblig').each(function() { if($(this).val() == "") ret = false } return ret;} );

---

form1 étant l'id du form !

merci pour votre aide je souhaite effectivement le faire via jquery mais le code que vous avez posté ne fonctionne pas non plus.

avez vous une autre piste?

Citation:

---

Envoyé par Setsuna_00

le code que vous avez posté ne fonctionne pas non plus.

---

Probablement parce que ton formulaire n'a pas d'id form1 :roll:
Sinon, une version qui fonctionnera pour tous les formulaires de la page (et des autres :mrgreen:)

Code:

---

1 2 3 4 5 6 7 8

$('form').submit( function(){ var ret = true; $(this).find('.oblig').each(function() { if($(this).val() == "") ret = false } return ret;} );

---

mon form a bien pour id form1 mais même lorsque je ne remplis aucun champs obligatoire le formulaire se soumet

On peut voir le code de ta page (appel du code et formulaire) ?

voici mon formulaire :

Code:

---

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

<form id="form1" name="form1" method="post" action="test.php"> <fieldset> <legend>Saisie Tract</legend> <p align="center">Titre du Tract : <input type="text" name="Titre" id="Titre" class="oblig"/> </p> <div id="four"> <p align="center">Fournisseur : <input type="text" name="Fournisseur[]" id="Fournisseur" class="oblig"/> </p> <div id="conteneur"> <div id="article"><p>D&eacute;signation : <input name="Designation[]" type="text" id="Designation" size="15" class="oblig"/> Conditionnement : <input name="Conditionnement[]" type="text" id="Conditionnement" size="10" class="oblig"/> PVC : <input name="Pvc[]" type="text" id="Pvc" size="6" class="oblig"/> Qte Commande : <input name="QteCommande[]" type="text" id="QteCommande[]" size="5" /> <img src="img/plus.png" alt="Ajouter une Ligne" name="plus" id="plus" onClick="Clone_Element('article')"/> <img src="img/moins.png" alt="Supprimer la derni&egrave;re ligne" name="moins" id="moins" onClick="Suppr_Element()"/> </div> </div> </div> <p> <input type="submit" name="Envoyer" id="Envoyer" value="Envoyer" /> </p> </fieldset> </form>

---

et la fonction :

Code:

---

1 2 3 4 5 6

$('#form1').submit(function(){ var ret = true; $('.oblig').each(function() { if($(this).val() == "") ret = false ; }) return ret;})

---

Citation:

---

Envoyé par Setsuna_00

et la fonction :

Code:

---

1 2 3 4 5 6

$('#form1').submit(function(){ var ret = true; $('.oblig').each(function() { if($(this).val() == "") ret = false ; }) return ret;})

---

---

Oui, mais ce code, il est placé où ? Parce que s'il est évalué avant la création du DOM, tu essayes juste d'affecter un événement à un élément qui n'existe pas. Donc forcément, ça marche moins bien :aie:

merci pour l'aide ça fonctionne

j'ai tout mis entre

Code:

---

$(document).ready(function() {}

---

C'est bien ce que je pensais

Citation:

---

Parce que s'il est évalué avant la création du DOM, tu essayes juste d'affecter un événement à un élément qui n'existe pas.

---

Modifie-le en

Code:

---

1 2 3 4 5 6 7 8 9 10

$(function(){ $('#form1').submit( function(){ var ret = true; $('.oblig').each(function() { if($(this).val() == "") ret = false } return ret;} ); });

---