Ich habe einen Knopfeingabetyp senden Sie das Formular unter Verwendung von MVC jQuery

Question

In meiner MVC4 Anwendung validieren will, muß ich einen Eingabetyp Submit-Button, aber ich verhindern, dass es die Natur ist, e.preventDefault() in meinem Jquery und ihnen einen AJAX POST Aufruf

('#submit').click(function(e){}) 

mag ich ganze Form für die erforderlichen Werte vor diesem Aufruf validieren und dann weiter nur gehen ..

ich bin in der Lage, dies zu tun, wenn ich diese Funktion nicht ('#submit').click(function(e){}); dh verwenden. Mit der einfachen Eingabe-Schaltfläche "Senden" wird das Formular automatisch von jquery validiert.

Wie kann ich die gleiche Funktionalität verwenden? In diesem Fall mache ich einen Ajax-Anruf am Senden-Button. Ich habe das benutzt, aber es funktioniert nicht !!

$("#userform").validate(); 
$("#userform").valid() 

Answer 1

Angenommen, Sie haben jquery.unobtrusive und jquery.validate geladen dann:

$("#registerUserForm").submit(function() { 
      if ($(this).valid()) { 
       $.OverWatch.worker.postUserData(this.action, $(this).serialize(), function (data) { 
       //callback 
       }) 
      } 

      return false; 
     }) 

    postUserData: function (url, data, callback) { 

     $.LoadingOverlay("show"); 
     $.ajax({ 
      url: url, 
      type: 'POST', 
      data: data, 
      success: function (data) { 

       if (callback) { 
        callback(data); 
        $.LoadingOverlay("hide"); 
       } 

      }, 
      error: function (event, jqxhr, settings, thrownError) { 
       $.LoadingOverlay("hide"); 
      } 
     });