jQuery Mobile“返回 false”提交表单时

发布于 2024-11-06 16:25:02 字数 329 浏览 2 评论 0原文

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

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

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

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

原文

I have a form on my jQuery Mobile site that I would like to validate, and stop submission if validation does not pass.

However, 'return false' does not stop the form from being submitted, because jQuery Mobile is submitting the form via Ajax. How can I stop the form submission?

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

The above code fires the alert, but does not stop the form from being submitted. If I use data-ajax="false" on the form tag it works correctly, but I would rather use the Ajax submission if possible.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

平安喜乐 2024-11-13 16:25:02

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

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

    return false;
});

Use data-ajax="false" and bind your own ajax form submission code that only runs if validation passes:

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

    return false;
});

回复收藏 0 原文

晨光如昨 2024-11-13 16:25:02

我同意 bmaland 的观点，也遇到了同样的问题。
这对我来说效果很好：

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

I agree with bmaland and had the same problem.
Here is what worked well for me:

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

回复收藏 0 原文