jQuery Mobile在表单提交上"返回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"并绑定您自己的ajax表单提交代码,该代码仅在验证通过时运行:

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

    return false;
});