Le formulaire de soumission avec jQuery validation

Ive a eu un petit problème lors de l'utilisation de jQuery validation plugin sur mon .net/MVC projets:
La validation fonctionne, en général, toute fine, la question se pose au moment de la soumission:
Je veux forme pas à être soumis lorsqu'il y a des erreurs de validation dans et pour cela, j'ai mis debug:true;

Mais après la mise à true lorsque le bouton envoyer ne répond plus, même quand tout va bien c'est à dire pas d'erreurs de validation, rien ne se passe simplement en cliquant sur le bouton "soumettre". Et si supprimer debug:true, il soumet le formulaire, même quand il y a des erreurs de validation.
Je veux une solution à ce problème, la voie du milieu, c'est à dire:
Lorsque vous cliquez sur soumettre si il y a des erreurs qu'il n'a pas soumis le formulaire et affiche les erreurs
Et si il n'y a pas d'erreur, juste simple soumet.

Aider plz .. Merci!!!!

    <script type="text/javascript">
      $(document).ready(function() {
$("#productSubmit").validate( {
  debug : true, rules : {
     prdctttle : {
        maxlength : 50, 
        required : true, 
        onlyChars : true }
     , prdctdscrptn : {
        maxlength : 250, 
        required : true, 
        onlyChars : true }
    }
  , messages : {
     }
  }
); 
}
); 
$.validator.addMethod('onlyChars', function (value) {
return /^[a-zA-Z ,-!]+$/.test(value); }, 'Please enter a valid name with only alphabets');
   $("#productSubmit").validate( {
  submitHandler : function(form) {
     if ($(form).valid()) form.submit(); return false; //prevent normal form posting
     }
  }
);
</script>

OriginalL'auteur Maven | 2011-10-27

  1. 11

    Changer votre dernière ligne afin de vérifier si le formulaire est valide avant de soumettre:

    $("#productSubmit").validate({ 
    submitHandler: function(form) {  
                           if ($(form).valid()) 
                               form.submit(); 
                           return false; //prevent normal form posting
                    }
 });

    EDIT: j'ai oublié d'ajouter le "return false;" pour arrêter le formulaire de soumission normalement (donc il ne se produit que lors de la validation de passe).

    j'ai changé la ligne de la liste, avec votre code, mais maintenant tout le script de validation a cessé de fonctionner.. et quand suis en cliquant sur soumettre sans entrer nethng son jst rafraîchissant et quand remets après avoir correctement rempli toutes les infos. le navigateur de donner "This web page is not available" erreur
    Flute, j'avais un sentiment qui pourrait arriver. Essayez mon code mis à jour.
    encore face à certains weired comportement, Maintenant, si j'essaie de soumettre un vide formes qu'il donne de fines erreurs de validation de "Ce champ est obligatoire", mais après j'ai rempli le formulaire et soumettez le bouton soumettre devient irresponsive comme avant. en plus de sa pas revérifier pour la validation onchange de sa valeur comme avant.. :s
    Ive mis à jour le code dans mon post.. encas il est certains de la syntaxe erreur en maintenant..

    OriginalL'auteur GregL

  2. 2

    GregL réponse est bonne pour la plupart.

    Ce que finalement obtenu ce travail correctement pour moi était aussi l'addition:

    onsubmit: false

    Code Final:

    $("#productSubmit").validate({ 
 onsubmit: false,
 submitHandler: function(form) {  
   if ($(form).valid())
   {
       form.submit(); 
   }
   return false; //prevent normal form posting
 }
});

    Ceci remplace la valeur par défaut de soumettre le comportement, et les poignées de la dernière vérification de la validation et de la soumission à l'intérieur de la submitHandler.

    OriginalL'auteur PenguinOfwar