javascript - jQuery函数阻止表单提交

Question

我在这个网站上工作：http: //dev.rjlacount.com/treinaAronson-test

我遇到的问题是联系表格（单击左上角的联系按钮将其滑动打开）。

我正在使用以下 jQuery 使联系表单在按下 esc 键或在打开的面板外部单击时滑动关闭：

$(document).bind({
    keydown:function(e) {
        if (e.keyCode == 27 ) {
            $("#panel").slideUp("3000");
            $("form#change-form-2")[0].reset();
            $('#fade , .popup_block').fadeOut(function() {
                $('#fade').remove();  //fade them both out
            });
        }
    }, click: function(e) {
        $("#panel").slideUp("3000");
    }
});
$('#flip, #panel').bind('click', function(e){return false});

这适用于我需要它做的事情，但会禁用我的提交按钮的功能。如果我右键单击任何位置，它也会（尽管这是一个较小的问题）导致面板关闭。我对 Javascript 很陌生；有人介意帮助我防止这禁用联系按钮的功能吗？

任何建议将不胜感激！

Answer 1

要使提交表单正常运行，请将“return false”更改为以下内容：这将允许表单正常运行，而不会让事件冒泡到文档中。

$('#flip, #panel').bind('click', function(e){
    e.stopPropagation();
});

Answer 2

您可以设置的disabled属性button：

$("yourButtonSelector").attr("disabled", "disabled");

Answer 3

如果您只将点击绑定到#content div 怎么办？那么您的#contact div 中应该没有任何问题。