Discussion :

[FadeToBlack]

Bonjour à tous,

Je me tourne vers vous pour avoir un petit coup de main, sur le fonctionnement du plugin Jquery Validate associé à un soumission en AJAX.

En fait, mon formulaire est transmis au serveur via AJAX, mais j'aimerai qu'il y ait avant une vérification des champs (en cours de frappe ou pas). Si la validation est correcte, on passe à la procédure AJAX.

J'ai installé le plugin et configuré mon script comme ceci

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
 
jQuery(document).ready(function($) {
   $("#form").validate({
         rules:{
              nom: {
                  required: true,
                  minlength: 3,
                  maxlength:20,
                  regex:/^[a-zA-z]+$/gi
              }
          },
          messages:{
               nom:{required:'vous devez remplir ce champ'}
           },
         errorElement:"span"
 
});
 
 
        // A la soumission du formulaire
     $('#send-message').click( function() {
                 alert('Bonjour');
                 //  et ma procédure AJAX
     });
 
});

Sii je mets dans le champ nom, des chiffres, la validation est incorrecte, mais la procédure AJAX démarre et mes infos sont envoyés.

J'ai bien essayé un truc du genre :

Code :

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

1
2
3
4
5
6
7
 
     $('#send-message-pro').click( function() {
          if( $("#form_com_pro").validate()) {
               alert('lknrg');
                //  et ma procédure AJAX
           }
      });

mais cela ne fonctionne pas

Auriez vous une idée ?
Je sens bien que c'est devant mon pif, mais comme je suis presbyte, je n'arrive pas à voir

[danielhagnoul]

Bonsoir

Je n'utilise pas, mais si j'en crois la documenattion : http://jqueryvalidation.org/documentation/.

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
$( "#form" ).validate({
 	"rules" : {
 		"nom" : {
 			"required" : true,
 			"minlength" : 3,
 			"maxlength" : 20,
 			"regex" : /^[a-zA-z]+$/gi
 		}
 	},
 	"messages" : {
 		"nom" : {
 			"required" : "vous devez remplir ce champ"
 		}
	},
	"errorElement" : "span",
 	"submitHandler" : function( form ) {
    	     // form.submit();
    	     // ou code de la transaction AJAX
  	}
});

[FadeToBlack]

Salut Daniel,

Qu'est-ce que je peux être truffe des fois. Je vais reprendre les choses avec cette modif.

Je te remercie et je te tiens au ccourant.

Bonne journée

[FadeToBlack]

Re..

Une petite question.

Est-ce que le plugin validate permet de faire un examen des champs au fur et à mesure de leur "remplissage" ? genre avec un onUpdate ou onkeyUp="validate($this)" etc.....



Ou est-ce comme je le pense une vérification générale juste avant la soumission.?

[danielhagnoul]

Bonsoir

Il suffit de tester les démonstrations : http://jquery.bassistance.de/validate/demo/ pour avoir la réponse.

Le plugin ne réagit pas au 'keyup' mais au 'blur'.

[FadeToBlack]

Bonsoir,

Merci Daniel pour ces réponses.

Tout ce passe à merveille maintenant. Dommage que mon anglais ne soit pas aussi bon, parce que ce plugin offre une quantité énorme de possibilité.

Je vais quand même essayer de me plonger dans la doc. En particulier sur les tests qui m' ont l'air super.

Bonne fêtes à tous