Wie man das Senden des Formulars stoppt?

Question

In einer MVC-Ansicht habe ich ein Formular wie folgt. wenn der Benutzer auf den Submit-Button klickt, möchte ich zuerst etwas überprüfen. Wenn es in Ordnung ist, senden Sie das Formular. Wenn die Prüfung nicht bestanden wird, geben Sie dem Benutzer eine Warnmeldung und bleiben Sie dann in der Ansicht. Mein Beispielcode wie:

<script type="text/javascript"> 
    function CheckingStatus() { 
    //..... 
    if (answer == "N") { 
     alert("You choose No."); 
     return false; 
     } 
    } 
</script> 

<% Html.RenderPartial("MyForm"); %> 
.... 

<input id="btnSubmit" type="submit" value="Submit" onclick="CheckingStatus();" /> 

<% } %> 

Aber beim Testen, auch Antwort == "N", das Formular wird noch übermittelt. Wie kann ich das Senden des Formulars stoppen?

Answer 1

versuchen

<input id="btnSubmit" type="submit" value="Submit" onclick="CheckingStatus();" /> 

zu

<input id="btnSubmit" type="submit" value="Submit" onclick="return CheckingStatus();" /> 

Answer 2

Ändern Sie Ihren Code zu ändern:

<input id="btnSubmit" type="submit" value="Submit" onclick="return CheckingStatus();" /> 

Hinweis ich das Wort "Rückkehr" hinzugefügt.

Answer 3

Ich würde eine ASP.NET-Schaltfläche verwenden ODER die runat = "server" -Eigenschaft zur HMTL-Schaltfläche hinzufügen und dann die UseSubmitBehavior = "false" -Eigenschaft verwenden, um Postback/Formularübergabe zu deaktivieren. Sie können dann form.Submit(); oder ähnlich in Ihrem JavaScript.

Answer 4

Ein anderer Weg, es kann getan werden:

document.forms['MyForm'].onsubmit = CheckingStatus;