ajax - 返回false在表单的提交方法中不生效

Question

返回 false 在表单的提交方法中不生效。

像这样的方法：

function success() {
    //some validation logic
    $.ajax(); // ajax call
    return false;
}

谁能告诉我原因？为什么它不起作用？非常感谢您的帮助。

Answer 1

在这种情况下，您需要纠正两件事。用值更新<form>标签的onsubmit事件return false;，或者更好的是，给出主要操作：

A.form标签：

<form method="" action="" onsubmit="runExport(); return false;">

B.input标签：

<input type="submit" id="export" value="${appResources.report_common_label_generateReport}" onclick="return runExport();" />

为什么我们使用return false;?

原因是防止将表单内容提交给action目标的默认操作。因此，我们通过返回一个 false 值来阻止它这样做，从而停止传播。而且，在此之前，我们正在进行 JavaScript 调用，以便它完成我们的工作，而不是默认的。:)

Answer 2

表单的“onsubmit”方法必须返回 false 才能停止提交，您所显示的是其他函数的返回。

Answer 3

你能告诉你什么时候要返回false吗？

据我了解是

<script type="text/javascript">
function validateData(){
    var flag=0;
    //Your validation logic here
    //If validation is not proper then flag=1; else flag=0;
    if(document.getElementById("text1").value==""){
        flag=1;
    }

    if(flag==1){
        return false;
    } else {
        $.ajax({
            success: function(data){

            }
        });
    }
}
</script>

<form name="abc" id="abc" onsubmit="javascript:return validateData()">
    <input type="text" name="text1" id="text1"/>
    <input type="submit" name="sub"/>
</form>