Disattiva Abilita validazione discreta per pulsante di invio specifico

Question

Ho due pulsanti di invio Indietro, Continua. Cosa devo fare per disabilitare la convalida del client quando faccio clic su Indietro. Stavo cercando di aggiungere cancel class all'attributo pulsante, ma cuciture non aiuta.

UPD. In realtà questo funziona cancel class. Ma non funziona se lo aggiungi dinamicamente (tramite javascript).

Answer 1

Arrestare il pulsante per l'invio del modulo tramite JavaScript.

Ecco buon esempio con jQuery:

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

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

Answer 2

ho attaccato un gestore di eventi alcuni pulsanti, che ha alterato le impostazioni dell'oggetto validatore in quella forma particolare.

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

Questo ha funzionato come un fascino per me in MVC3.

Non so se questo ti aiuta in particolare, ma dal momento che utilizzo il modulo ajax, ho dovuto allegare l'evento a questi pulsanti ogni volta che il contenuto del modulo ajax è stato sostituito, utilizzando l'evento ajax success. Il codice completo che reparses la forma e attribuisce l'evento per i pulsanti Annulla è:

$(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

Questo è veramente un commento alla risposta da tugberk, ma i commenti non mostrano esempi di codice molto bene.

Alcune versioni del browser non gradiscono la funzione "preventDefault()". Dopo essere stato morso da un paio di volte, ho aggiunto una semplice funzione di utilità:

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

lo chiami al posto di "preventDefault" come questo:

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

Answer 4

È possibile utilizzare "annullare" classe CSS . Es: <input type="submit" value="Cancel" name="Cancel" class="cancel" />

JQuery.Validate gestire il resto nel codice seguente:

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