Discussion :

[tiamat59]

Bonjour,

avec jquery j'ai besoin de valider un formulaire et de faire un affichage ajax mais pas moyen de faire fonctionner les deux partie ensemble.
Dans mon code si dessous si j'enléve la partie .submit le validate ce fait bien mais pas d'affichage en ajax (il me recharge ma page) et vice versa.

Est il possible de faire fonctionner les deux partie à la fois?

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
 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.1.38/jquery.form-validator.min.js"></script>
 
<script type="text/javascript">
 
$(document).ready(function() {
 
 	$("form").submit(function () { //form désigne l'ensemble des formulaires
 
		$("#res_form_ajax").hide();
		$.post($(this).attr('action'),$(this).serialize(),function(texte){
 
			//(this).serialize() récupère l'ensemble des donnés traité du formulaire EN COURS
			$("div#res_form_ajax").html(texte);//affiche après traitement le résultat dans la div "status"
			$("#res_form_ajax").fadeIn("fast");
		});
		return false;
	}); 
 
});
 
 
$.validate({
		modules : 'date, security'
});
 
</script>

[danielhagnoul]

Bonsoir

Code :

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

1
2
3
4
5
$("#myform").validate({
  submitHandler: function(form) {
    form.submit();
  }
 });