How to stop the form submitting?

Question

In a MVC view, I have a form as below. when user click on the submit button, I want to check somthing firstly. If it is ok, submit the form. If not pass the checking, give user a alert message, then stay in the view. My sample code as:

<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();" />

<% } %>

But when testing, even answer=="N", the form is still submitted. How to stop the form submitting ?

Answer 1

try changing

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

to

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

Answer 2

Change your code to:

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

Note I added the word "return".

Answer 3

I would use an ASP.NET button, OR add the runat="server" property to the HMTL button then use the UseSubmitBehavior="false" property to disable postback / form submission. You can then call form.Submit(); or similar in your JavaScript.

Answer 4

Another way it can be done:

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