jQuery自动完成：点击返回提交表单

我正在使用jQuery Autocomplete插件。

// I'm not sure if there's a better way to do this var base_url = window.location.href.slice(0, window.location.href.indexOf('/bar')); $('.foo-widget').find('input:first-child').autocomplete(base_url + "/api/baz?format=newline"); 

标记：

 
 
 Add 
  

这很好用。 但是，当我点击“输入”从自动填充结果中选择一个项目时，表单会提交。 为什么会发生这种情况？

我查看了jquery.autocomplete.js ，发现以下内容正在执行：

  case KEY.RETURN: if( selectCurrent() ) { // stop default to prevent a form submit, Opera needs special handling event.preventDefault(); blockSubmit = true; return false; } break; 

event.preventDefault()和blockSubmit = true不应该停止提交表单吗？ 我在页面上其他地方的JS代码是否可能会干扰？

Answer 1

我建议在Autocomplete元素上添加一个按键事件，然后从中返回false。 它不会影响您以后提交表单其余部分的能力。

Answer 2

你需要通过挂钩form.submit的事件处理程序来禁用enter上的提交：$（“form”）。submit（function（）{return false;}）;