Desactivar Habilitar la validación discreta para el botón de envío específico

Question

Tengo dos botones de envío Atrás, Continuar. ¿Qué debo hacer para desactivar la validación del cliente cuando hago clic en Atrás? Estaba intentando agregar cancel class al atributo de botón, pero Costuras no ayuda.

UPD. En realidad, esto está funcionando cancel class. Pero no funciona si lo agrega dinámicamente (por javascript).

Answer 1

Secuestrar el botón hacer clic para enviar formularios mediante JavaScript.

aquí es bueno ejemplo con jQuery:

$("#MyButton").click(function(e) { 

    //submit your form manually here 
    e.preventDefault(); 
}); 

Answer 2

I adjunto un controlador de eventos a ciertos botones, que alteró la configuración del objeto validador en ese formulario particular.

$(".jsCancel").click(function (e) { 
    $(e.currentTarget).closest("form").validate().settings.ignore = "*" 
}); 

Esto ha funcionado como un encanto para mí en MVC3.

No sé si esto lo ayuda en particular, pero como uso un formulario ajax, tuve que adjuntar el evento a estos botones cada vez que se reemplazó el contenido del formulario ajax, utilizando el evento ajax success. El código completo que reparses el formulario y adjunta el evento para cancelar los botones es:

$(document).ajaxSuccess(function (event, xhr, settings) { 
    var $jQval = $.validator, adapters, data_validation = "unobtrusiveValidation"; 
    $jQval.unobtrusive.parse(document); 
    $(".jsCancel").click(function (e) { 
     $(e.currentTarget).closest("form").validate().settings.ignore = "*" 
    }); 
}); 

Answer 3

Esto es realmente un comentario a la respuesta por tugberk, pero los comentarios no muestran ejemplos de código muy bien.

A algunas versiones de navegador no les gusta la función "preventDefault()". Después de ser mordido por esto unas cuantas veces, he añadido un simple función de utilidad:

//Function to prevent Default Events 
function preventDefaultEvents(e) 
{ 
    if (e.preventDefault) { 
     e.preventDefault(); 
    } else { 
     e.returnValue = false; 
    } 
} 

que lo haga en lugar de "preventDefault" de esta manera:

$("#CancelButton").on("click", function(event) { 
    preventDefaultEvents(event); 
    return false; 
}); 

Answer 4

puede utilizar "cancelar" clase CSS . Ex: <input type="submit" value="Cancel" name="Cancel" class="cancel" />

JQuery.Validate manejar el resto en el siguiente código:

// allow suppresing validation by adding a cancel class to the submit button 
this.find("input, button").filter(".cancel").click(function() { 
    validator.cancelSubmit = true; 
});