Désactiver la validation côté client dans le bouton d'envoi "cancel" de MVC 3

Question

OK, j'essaie des choses depuis des heures et j'ai besoin d'aide. J'essaie d'implémenter une page dans MVC 3 qui a des boutons "retour" et "suivant". Lorsque le bouton "retour" est cliqué, je veux désactiver la validation MVC côté client pour que ma méthode d'action s'exécute et envoie l'utilisateur à la page Web logique précédente. J'ai essayé ceci :

<script type="text/javascript">
  document.getElementById("backButton").disableValidation = true;
</script>

et ceci :

<input type="submit" name="backButton" value=" Back" 
 title="Go back to step 1." disableValidation="true" />

Mais quoi qu'il en soit, la validation JavaScript côté client entre en jeu et ne permet pas au bouton d'effectuer son post-back. Je pense que disableValidation ne fonctionne peut-être que dans MVC 2, et je suis censé faire autre chose dans MVC 3, mais je n'arrive pas à trouver d'exemples.

Answer 1

Quelle est cette force mystique qui fait que la réponse se révèle d'elle-même dès que vous posez une question quelque part ?

Il semble que, dans MVC 3, on puisse désactiver la validation côté client d'un bouton en lui ajoutant la classe "cancel". Donc dans mon exemple :

<input type="submit" name="backButton" value=" Back"
 title="Go back to step 1." class="cancel" />

fonctionne parfaitement. Et aucun attribut ID n'est nécessaire non plus. Si vous avez une classe de style réelle sur le bouton, il suffit de faire ceci :

<input type="submit" name="backButton" value=" Back"
 title="Go back to step 1." class="style-name cancel" />

Answer 2

Je sais... très vieille question... Pourtant, elle était en tête des résultats de recherche quand j'ai regardé.

Pour MVC 4 (et un BUTTON), il semble (du moins pour moi) que la réponse soit simplement d'ajouter l'attribut formnovalidate="formnovalidate"

 <button type="submit" class="btn btn-outline-success border-0" formnovalidate="formnovalidate" name="command" value="Back" title="Back">
    <span class="fas fa-arrow-left" aria-hidden="true"></span>
    &nbsp;Back
</button>

Answer 3

Les scripts de validation semblent être liés au type de soumission. input . En changeant cancel à un bouton, la validation est ignorée :

<button type="button" onclick="document.location.href('Index')">Cancel</button>

Answer 4

Je l'utilise pour le bouton

$("button").each(function (elem) {
    var button = $($("button")[elem]);
    button.addClass('cancel');

    if (button.attr('type') == 'submit') {

        button.click(function (e) {
            var validator = button.closest('form').validate();
            validator.cancelSubmit = true;
        });
    }
});