jQuery 函数阻止表单提交

发布于 2024-12-20 07:00:58 字数 828 浏览 3 评论 0原文

我正在这个网站上工作: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 还很陌生;有人介意帮助我防止这种情况禁用联系按钮的功能吗?

任何建议将不胜感激!

I'm working on this site: http://dev.rjlacount.com/treinaAronson-test

The problem I'm having is with the contact form (click the contact button on the top left to slide it open).

I'm using the following jQuery to cause the contact form to slide closed on esc key press or clicking outside of the open panel:

$(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});

This works for what I need it to do, but is disabling the functionality of my submit button. It is also (although this is a more minor issue) causing the panel to close if I right-click anywhere. I'm pretty new to Javascript; would anybody mind helping me prevent this from disabling the functionality of the contact button?

Any advice would be greatly appreciated!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

蝶…霜飞 2024-12-27 07:00:58

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

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

To get the submit form to function normally, change "return false" to the following: this will allow the form to function normally without allowing the event to bubble to the document.

$('#flip, #panel').bind('click', function(e){
    e.stopPropagation();
});
别把无礼当个性 2024-12-27 07:00:58

您可以设置按钮disabled属性:

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

You can set the disabled attribute of the button:

$("yourButtonSelector").attr("disabled", "disabled");
泛滥成性 2024-12-27 07:00:58

如果将点击仅绑定到#content div 会怎样?那么您的 #contact div 中应该不会有任何问题。

What if you bind the click just to the #content div? Then there should not be any problems in your #contact div.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文