JQuery validation "button" türü yerine "submit" türü için bir form için

Question

$ ('selector') validation(), "button" türü için "input" türü düğmesi için daha fazla oluşturulmuş gibi görünüyor. Formda bir düğme türü ile nasıl çalışabilirim?

@using(Html.BeginForm(new {id="TheForm"})) 
{ 
    // code here 
    <input id="TheButton" type="button"> 
} 

JQuery: bu temel prensipten hareket ederek

$(document).ready(function() { 
     $("#TheForm").validate({ 
      rules: { 
       "AuditDoc.Title": { 
         required: true 
        } 
      } 
     }); 
     $("#TheButton").click(function() { 

     }); 
}); 

, nasıl yerine bir tip Gönder düğmesini daha bir düğme ile çalışan jquery validate olsun ki? JQuery'nin kurallar gönderim türünü kullanarak karşılanmadığı zaman hata mesajlarını otomatik olarak görüntülediği örnekleri gördüm, ancak düğme türü ile çalışmıyor gibi görünüyor. Herhangi bir tavsiyeye minnettar olurum!

Answer 1

$(document).ready(function() { 
     $("#TheForm").validate({ 
      rules: { 
       "AuditDoc.Title": { 
        required: true 
       } 
      } 
     }); 

     $("#TheButton").click(function() { 
      if (!$("#TheForm").validate()) { // Not Valid 
       return false; 
      } else { 
       $("#TheForm").submit() 
      } 
     }); 

     $('#btnReset').live('click', function (e) { 
      //var $validateObj = $('#formId'); 
      //Or 
      var $validateObj = $(this).parents('form'); 

      $validateObj.find("[data-valmsg-summary=true]").removeClass("validation-summary-errors").addClass("validation-summary-valid").find("ul").empty(); 
      $validateObj.find("[data-valmsg-replace]").removeClass("field-validation-error").addClass("field-validation-valid").empty(); 
     }); 
    }); 

Answer 2

Tek hackish yolu olabilir: Bu normal bir girişi olan hemen hemen aynı vereceği gibi çalışır

$("#TheButton").click(function() { 
    $("#TheForm").submit() 
}); 

Answer 3

o teslim yöntemi desteklemiyor hariç. preventDefault, sayfanın varsayılan isteğini yapmasını durdurur. .

$("#TheButton").click(function(event) { 
    event.preventDefault(); //or return false 
    getData(); 
}); 

Answer 4

$(document).ready(function(){ 

    $("#myform").validate(); 
    $("#byuttion").click(function() { 

     if($("#myform").valid()) 
     { 
      $("#myform").submit(); 
     } 
     else 
     { 
      return false; 
     } 

     }); 

});