如何取消表格提交? [英] How to cancel form submission?

问题描述

当javascript全局变量设置为0时，我想取消提交表单:

I want to cancel submission of form when a javascript global varible is set to 0 :

<script type="text/javascript">
form_valid = 1;

function verifMdps() { // called in the onblur of a text input
    if (!mdpEquals()) {
        $('#errmsg_oldmdp').text("<?php echo _getText('service.personne.tbr_title.mdp_diff'); ?>");
        setTimeout(function(){$('#oldmdp').focus();}, 10);
        form_valid = 0;
    } else
        $('#errmsg_oldmdp').text("");
}

$(document).ready(function() {
$("#frm").on("submit", function() {

        $( "input[onblur]:visible:enabled" ).each(function(){
            $(this).blur();
            if (form_valid == 0)
                return false;
        });

        if ( mode == "ajout" )
            $('#mode_').val("ajout");
        else
            $('#mode_').val("modif");

    });

即使我写了return false，表单仍然被提交！那么如何取消提交呢?

Even if I write return false then the form is still submitted ! So how to cancel the submission ?

推荐答案

使用 preventDefault 进行阻止默认操作.

Use preventDefault to prevent the default action.

$("#frm").on("submit", function(e) {

        $( "input[onblur]:visible:enabled" ).each(function(){
            $(this).blur();
            if (form_valid == 0)
                e.preventDefault();
        });

        if ( mode == "ajout" )
            $('#mode_').val("ajout");
        else
            $('#mode_').val("modif");

    });

这篇关于如何取消表格提交?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！