在 Jorn Zaefferer 的自动完成插件中阻止 ENTER 提交包含表单

发布于 2024-11-18 04:25:04 字数 180 浏览 1 评论 0原文

我使用 Jorn Zaefferer 的 Autocomplete jQuery 插件,该插件效果很好,除了一件事之外 - 如果用户使用键盘滚动自动完成选项列表,然后在他想要的选项上按 Enter,它会提交包含的表单。

我确信巧妙放置的 return false; 会解决这个问题 - 有人有什么想法吗?

I use Jorn Zaefferer's Autocomplete jQuery plugin which works great except for one thing - if a user is using his keyboard to scroll through the autocomplete options list and then presses Enter on the one he wants, it submits the containing form.

Im sure a cleverly placed return false; would sort this out - does anyone have any ideas?

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

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

发布评论

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

评论(2

单身情人 2024-11-25 04:25:04
$('#myForm').submit(function(e) {
    // Validate form fields here
});

以上至少可以确保无论表单提交如何触发,您都可以在必要时捕获并抑制它。

$('#myForm').submit(function(e) {
    // Validate form fields here
});

The above would at least ensure that no matter how the form submit is triggered, you can capture and suppress it if necessary.

音栖息无 2024-11-25 04:25:04

问题已解决

我的解决方案是在自动完成的文本框中放置一个事件处理程序,以防止 Enter 按键向下传递,如下所示:

    $('input[type=text].autocomplete').keydown(function(event){
        if ((event.charCode ? event.charCode : event.keyCode) == 13)
            event.preventDefault();
    });

PROBLEM SOLVED

My solution was to put an event handler on the text boxes that were autocomplete to prevent the Enter keypress being passed downward, like this:

    $('input[type=text].autocomplete').keydown(function(event){
        if ((event.charCode ? event.charCode : event.keyCode) == 13)
            event.preventDefault();
    });
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文