jQuery click事件也会触发提交表单按钮单击事件

Question

我有两个不同的jQuery点击操作。一种是启动模态“反馈”窗口，另一种是执行一些验证，禁用并灰显表单按钮，最后提交表单。

两者都可以独立工作。

模型窗口的代码位于主模板页面中，因为它在整个网站中使用。处理提交事件的代码仅在联系页面内。

我遇到的麻烦是'启动模型'操作似乎也触发了表单提交事件......但是单击表单提交按钮不会启动模式窗口。

显然，我希望在不尝试提交表单的情况下启动模态窗口。

启动模态代码

jQuery(function ($) {            
        // Load dialog on click
        $('.feedbackModal').click(function (e) {
            $('#basic-modal-content').modal();
            return false;
        });
    });

表单提交事件代码

jQuery(function ($) {
    $(':submit').click(function (e) {            
        var clicked = $(this);
        // form validation stuff here 
        $(':submit').attr('disabled', 'disabled');
        $(clicked).css({
            "font-size": "14px",
            "background": "#999999"
        });
        $(clicked).val("Submitting...");
        $("#paymentform").submit();
    });
});

为什么启动我的模态窗口的任何想法也提交我的表单？

非常感谢。

Answer 1

$(':submit')选择任何输入/按钮元素。

尝试使用更具体的选择器，例如$('#paymentSubmit')