表单提交时的 jQuery Mobile 'return false'

Question

我的 jQuery Mobile 网站上有一个表单，我想对其进行验证，如果验证未通过，则停止提交。

但是，“return false”不会阻止表单提交，因为 jQuery Mobile 是通过 Ajax 提交表单的。如何停止表单提交？

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

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

Answer 1

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

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

    return false;
});