回车与表单提交

当页面中存在一个form的时候，为了更好的用户体验，我们往往希望回车提交表单

回车提交表单需满足以下条件中的任何一个：

• 表单里有一个type=”submit”的按钮，回车键生效。
• 表单里只有一个type=”text”的input，不管按钮是什么type，回车键生效。
• 如果按钮不是用input，而是用button，并且没有加type，IE下默认为type=button，FX默认为 type=submit。
• type=”image”的input，效果等同于type=”submit”

有时候我们又不希望回车提交表单，比较典型的是我们想用ajax来提交表单，并不希望刷新页面

• 方法一，绑定回车事件：
  onkeydown="if(event.keyCode==13){var search= document.getElementById('search-button');search.click();event.preventDefault();return false;}" 此方法在search.click()中有alert事件时失效

• 方法二，添加隐藏input：
  当只有一个input[type=text]，希望阻止回车时默认的submit行为（如采用ajax方式），可以在form中再添加1个input[type=text]，将其display:none便可。

IE兼容

• 可以控制表单提交的事件是submit按钮的click事件，控制onclick事件可保证浏览器兼容性;
• IE中对form的反应更“灵敏”,回车时会直接触发submit的onclick事件，JS无法阻止;

参考

[1] form的提交行为