jQuery函数阻止表单提交

时间:2011-12-08 05:38:58

标签: javascript jquery contact-form

我正在使用此网站: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的新手;有人会介意帮我阻止它禁用联系人按钮的功能吗?

非常感谢任何建议!

3 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

您可以设置disabled的<{1}}属性:

button

答案 2 :(得分:0)

如果将点击仅绑定到#content div怎么办?那么你的#contact div应该没有任何问题。