UI Dialog, extension incontrôlée de l'effet du script

[yann18]

Bonjour,

Je me retrouve devant (un drôle) de problème : j'ai un formulaire avec deux boutons de type input. Chacun d'eux envoie le formulaire, mais active une fonctionnalité différente.
Code du formulaire:

Code :

1
2
3
4
5
6
<form action="#" method="post" name="formCompta" id="formCompta">
...
<input type="submit" name="verifBtn" id="verifBtn" value="Verifier">
...
 <input type="submit" name="repartBtn" id="repartBtn" value="Repartition">
</form>

Lors d'un clic sur '#verifBtn', celui-ci déclenche l'envoie des données du formulaire dans un fichier tiers, qui sera affiché dans un UI Dialog

Code :

1
2
3
4
5
6
7
8
9
10
$(document).ready(function(){
$('#verifBtn').click(function(){
...
 $("#formCompta").submit(function(){
...
$('#previewTotauxBonCom').load(monUrl, dataFormCompta, function(){
$(this).dialog({
width:400,
...
});

Le bouton 'repartBtn' envoie également les données du formulaire à un autre fichier, avec un seul retour classique d'information:

Code :

1
2
3
4
5
6
7
8
 $('#repartBtn').click(function(){
...
$("#formCompta").submit(function(){
$.post("fichier.php", $("#formCompta").serialize(), function(data){
if(data == ''){
...
}
});

Précisions:
- les deux fonctionnalités sont comprises dans un même '$(document).ready(function(){
});'
- '#previewTotauxBonCom', div dans laquelle sera appelé l'UI Dialog, est à l'extérieur du formulaire.

Ma question du jour est pourquoi lorsque je clique sur le bouton '#repartBtn', fait-il apparaître aussi l'UI Dialog, alors qu'il n'y pas d'appel déclaré du widget dans cette partie du code ?
merci,

[danielhagnoul]

Bonsoir

Les boutons "submit" servent à soumettre le formulaire, il est donc inutile d'écrire

Code javascript :

$("#formCompta").submit(function(){...});

Code javascript :

1
2
3
4
5
6
7
8
9
10
11
$('#verifBtn').click(function(){
	// traitement approprié avant l'envoi du formulaire
 
	return true; // false pour empécher l'envoi du formulaire 
});
 
$('#repartBtn').click(function(){
	// traitement approprié avant l'envoi du formulaire
 
	return true; // false pour empécher l'envoi du formulaire 
});

[yann18]

Merci pour ces précisions !