jQuery覆盖表单提交无法工作时提交由JavaScript调用的元素

前端之家收集整理的这篇文章主要介绍了jQuery覆盖表单提交无法工作时提交由JavaScript调用的元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个页面与一个正常的形式提交按钮和一些jQuery绑定到表单提交事件,并覆盖它与e.preventDefault()并运行一个AJAX命令。这工作正常,当提交按钮被点击,但当一个链接with onclick =’document.formName.submit();’被点击,事件不被AJAX表单提交事件处理程序捕获。任何想法为什么不,或如何得到这个工作没有约束所有的元素?

解决方法

几个建议:

>覆盖提交功能,做你的邪恶投标

var oldSubmit = form.submit;
    form.submit = function() {
        $(form).trigger("submit");
        oldSubmit.call(form,arguments);
    }

>为什么不绑定到所有的< a>标签?然后你不必做任何猴子修补,它可以是简单的(假设所有的链接都在表单标签内):

$("form a").click(function() {
        $(this).parents().filter("form").trigger("submit");
    });
原文链接:https://www.f2er.com/jquery/184763.html

猜你在找的jQuery相关文章