IE以及FireFox下焦点在文本框内回车自动提交问题

问题描述：
在表单form中，包含text和submit，当焦点在text内，如果直接按回车，页面不会像点击submit按钮那样执行验证代码，会直接提交掉。（基本发生在表单内只有一个text文本域的时候）

If you have a Web Form with just one single-line text input (even if there are additional input fields, like CheckBoxLists, RadioButtonLists, DropDownLists, and so on), hitting enter in the text input will not cause the Button Web control's Click event to fire when using Internet Explorer

解决方法：
1.增加 form 的 onsubmit 事件来阻止表单自动提交：（IE和火狐下测试通过，推荐）
  <form name="testForm" method="post" action="/testAction.do" onsubmit="return false;">

2.在页面 form 中增加一个 <input style="display:none">

3.用 button 取代 submit ：
  <input type='button' value='确定' onclick='document.formname.submit()'>

问题虽小，解决起来却费了大力气，N多JSP一一修改，算是个教训吧。

评论

2 楼 暗恋未遂 2009-03-09  

halfcool 写道

试过了，在 firefox 下好像无效？

<html:form action="/XXXAction.do?method=list" onsubmit="return false;">

我的代码是在标签里加的，火狐下也能生效啊。

试一试 第三种：

<input type='button' value='确定' onclick='your_function()'>

1 楼 halfcool 2009-03-04  

试过了，在 firefox 下好像无效？