表单提交时 jQuery Mobile 'return false'答案

【问题标题】：jQuery Mobile 'return false' on form submission表单提交时 jQuery Mobile 'return false'
【发布时间】：2011-05-11 15:24:55
【问题描述】：

我的 jQuery Mobile 网站上有一个表单，我想验证它，如果验证不通过，则停止提交。

然而，'return false' 不会阻止表单被提交，因为 jQuery Mobile 是通过 Ajax 提交表单的。如何停止表单提交？

$("#form").live('submit', function(){
    alert('test');
    return false;
});

上面的代码会触发警报，但不会阻止表单被提交。如果我在表单标签上使用 data-ajax="false" 它可以正常工作，但如果可能的话我宁愿使用 Ajax 提交。

【问题讨论】：

标签： jquery jquery-mobile

【解决方案1】：

使用data-ajax="false" 并绑定您自己的仅在验证通过时运行的ajax 表单提交代码：

$("#form").live('submit', function()
{
    if (formValidates)
    {
        $.post(...);
    }

    return false;
});

【讨论】：

【解决方案2】：

我同意 bmaland 并且遇到了同样的问题。这对我来说很有效：

$(document).on("pagecreate","#Home",function(){
$("#myFormSearch").submit(function(){
        myRealSubmit();
        return false;
    });                      
});

【讨论】：

【解决方案3】：

请注意，如果您可以使用 $("#form").submit() 而不是 live()，那么您的代码将按预期工作，而无需提供您自己的 ajax 表单提交代码。

【讨论】：