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
相关产品推荐
相关产品推荐

