Discussion :

[Setsuna_00]

Bonjour,

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

Code :

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

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

[SpaceFrog]

c'est dans les contributions ..

il faut passer par le onsubmit du form

Code :

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

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 :

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

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 !

[Setsuna_00]

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?

[Bovino]

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

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

Code :

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

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;}
);

[Setsuna_00]

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

[Bovino]

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

[Setsuna_00]

voici mon formulaire :

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

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

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

[Bovino]

et la fonction :

Code :

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

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

[Setsuna_00]

merci pour l'aide ça fonctionne

j'ai tout mis entre

Code :

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

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

[Bovino]

C'est bien ce que je pensais

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 :

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

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;}
);
});