jQuery click事件也会触发提交表单按钮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')