input text 回车自动提交表单

转载请注明出处WangYuheng’s Blog

现象

表单以ajax方式提交数据，但是input text 按回车后自动提交

原因

当form只有一个input text时，回车后会自动提交表单

解决方法

增加一个隐藏的input text， 通过样式来隐藏

<input type="text" style="display:none;” />

并在form元素中增加onsubmit=”return false;” 阻止表单提交