controle sur submit [Résolu]

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

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 :

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 !

[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]

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
Sinon, une version qui fonctionnera pour tous les formulaires de la page (et des autres )

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

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

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

[Bovino]

Envoyé par Setsuna_00

et la fonction :

Code :

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 :

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

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