JQuery validación con tipo de "botón" en lugar de tipo "enviar" para un formulario

Question

$ ('selector'). La validación() parece construirse más para el botón de tipo "entrada" que para el tipo "botón". ¿Cómo podría hacerlo funcionar con un tipo de botón dentro del formulario?

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

JQuery:

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

     }); 
}); 

Usando esta idea básica, ¿cómo iba a conseguir jQuery validar el trabajo con un botón en lugar de un botón de tipo de presentar? He visto ejemplos en los que JQuery muestra mensajes de error automáticamente cuando las reglas no se cumplen utilizando el tipo de envío, pero no parece funcionar con el tipo de botón. ¡Agradecería cualquier consejo!

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

Una forma hacker podría ser:

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

Answer 3

Funciona más o menos lo mismo que lo haría con una entrada normal, excepto que no soporta el método de envío. preventDefault solo detiene que la página haga su solicitud predeterminada. .

$("#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; 
     } 

     }); 

});