¿Cómo detener el envío del formulario?

Question

En una vista de MVC, tengo un formulario de la siguiente manera. cuando el usuario hace clic en el botón de enviar, quiero verificar algo en primer lugar. Si está bien, envíe el formulario. Si no pasa la verificación, envíe un mensaje de alerta al usuario y luego permanezca en la vista. Mi código de ejemplo como:

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

<% } %> 

Pero cuando las pruebas, incluso responder == "N", el formulario está siendo enviado. ¿Cómo detener el envío del formulario?

Answer 1

intente cambiar

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

a

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

Answer 2

cambiar el código para:

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

Nota añadí la palabra "retorno".

Answer 3

Utilizaría un botón ASP.NET, O agregaría la propiedad runat = "server" al botón HMTL y luego usaría la propiedad UseSubmitBehavior = "false" para deshabilitar la devolución de datos/el envío del formulario. A continuación, puede llamar a form.Submit(); o similar en tu JavaScript.

Answer 4

Otra forma en que se puede hacer:

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