Formulaire ASP.Net MVC Ajax avec validation jQuery

J’ai une vue MVC avec un formulaire construit avec la méthode d’assistance Ajax.BeginForm () et j’essaie de valider la saisie de l’utilisateur avec le plugin jQuery Validation . Je reçois le plugin pour mettre en surbrillance les entrées avec des données d’entrée non valides, mais malgré l’entrée non valide, le formulaire est envoyé au serveur.

Comment puis-je arrêter cela et m’assurer que les données ne sont publiées que lorsque le formulaire est validé?

Mon code

La forme:

• httpd.conf et HTML5 pushstate ()
• Accéder aux URL relatives via “ajax” à partir du contenu de “file: //”
• L’événement ne fonctionne pas sur un élément créé dynamicment
• Formulaire d’envoi MVC jQuery (sans actualisation de la page) à partir de la fonction JavaScript
• Utilisation de Greasemonkey et de jQuery pour intercepter les données JSON / AJAX d’une page et les traiter

 
leave a message
  
 
  Rubrik 
 
  Meddelande 
 
 
 
  

La validation JavaScript:

 $(document).ready(function() { // for highlight var elements = $("input[type!='submit'], textarea, select"); elements.focus(function() { $(this).parents('p').addClass('highlight'); }); elements.blur(function() { $(this).parents('p').removeClass('highlight'); }); // for validation $("form").validate(); }); 

EDIT: Alors que je recevais des votes négatifs pour la publication des problèmes liés au suivi et de leurs solutions, voici également la méthode de validation en cours …

 function ajaxValidate() { return $('form').validate({ rules: { "Post.Header": { required: true }, "Post.Post": { required: true, minlength: 3 } }, messages: { "Post.Header": "Please enter a header", "Post.Post": { required: "Please enter a message", minlength: "Your message must be 3 characters long" } } }).form(); } 

• Plusieurs appels ajax à partir du tableau et gérer le rappel une fois terminé
• Enregistrement d’une entrée de fichier sous forme de données binarys FileReader via AJAX Post
• request.getParameter () renvoie null lorsque vous utilisez $ .ajax avec un object JSON en tant que données
• jqXHR.getAllResponseHeaders () ne renverra pas tous les en-têtes
• JavaScript: commande d’appels AJAX

 function ajaxValidate() { return $('form').validate().form(); } <% using (Ajax.BeginForm("Post", new AjaxOptions { UpdateTargetId = "GBPostList", InsertionMode = InsertionMode.InsertBefore, OnBegin = "ajaxValidate", OnSuccess = "getGbPostSuccess", OnFailure = "showFaliure" })) { %>