You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

jQuery Typeahead匹配内容触发回车提交致父页面重载问题求助

问题:模态表单中Typeahead输入框回车触发父页面重载

我们应用中的模态表单,按下回车键会关闭并重载父表单。最初尝试用以下代码阻止该行为:

$(document).ready(function () {
    $(window).keydown(function (event) {
        if (event.keyCode == 13) {
            event.preventDefault();
            return false;
        }
    });
});

设置后,普通文本输入框(包括Typeahead输入框)按下回车均无反应,符合预期。但存在例外情况:在Typeahead输入框中输入匹配内容(无需完全匹配或选中下拉结果)时按下回车,父页面会完全重载;输入不匹配内容则无异常。经确认,按下回车时上述阻止代码已执行,但未生效。

解决方案

通过配置Typeahead的onSubmit回调来控制提交行为,代码如下:

onSubmit: function (e) {
    return false;
    // 其他逻辑代码
}

配置后,输入匹配或部分匹配内容并按下回车时,表单不会提交,父页面也不会重载。

内容的提问来源于stack exchange,提问作者Derek Jee

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.19 21:05:04