一個列表界面只有一個輸入框查詢條件，當(dāng)首次進入在輸入框中輸入漢字后，按回車鍵發(fā)現(xiàn)輸入框中漢字變成亂碼！本以為一個很簡單不過的問題，結(jié)果卻花了好久才找到原因（據(jù)說是瀏覽器問題），按回車后執(zhí)行了兩次查詢。
1、未修改前代碼：
form id="ff" name="ff" method="post">
input type="text" id="userName" name="userName" size="12" maxlength='30' value="${(data.userName)!''}" onKeypress= "javascript:if(event.keyCode==13) do_postAuditList_search();"/>
/form>
2、修改后代碼：
form id="ff" name="ff" method="post">
input type="text" id="userName" name="userName" size="12" maxlength='30' value="${(data.userName)!''}" onKeypress= "javascript:if(event.keyCode==13) do_postAuditList_search();"/>
!--解決form表單在只有一個input輸入框時回車會自動提交表單-->
input style='display:none' />
/form>
即：添加一個input type='text' style='display:none'/>不顯示輸入框，然后回車之后也不會提交。
補允：
出現(xiàn)自動提交的情況，有兩種可能：
一是編寫了javascript代碼，當(dāng)用戶點按Enter鍵時，通過js事件偵聽機制觸發(fā)表單的提交。
二是利用了瀏覽器的默認(rèn)行為（至少發(fā)現(xiàn)ie是這樣的）。瀏覽器在解析網(wǎng)頁的時候，有許多默認(rèn)的行為，例如如果一個頁面上有表單和一個提交按鈕，那么打開頁面時，焦點會自動落在這個提交按鈕上面。同樣如果一個表單中只有一個單行文本輸入域（text），那么在這個輸入域中按Enter鍵時，瀏覽器會自動提交該表單。
我們對于第一種情況一般都知道而且很容易理解，但是對于第二種瀏覽器的默認(rèn)行為，可能知道這一點的人就比較少了，下面我具體看一下瀏覽器（至少ie如此）在表單提交上的默認(rèn)行為。
如果表單中含有一個單行文本輸入域，那么無論含有多少其他類型的表單組件，那么在該輸入域中點擊Enter時，表單會自動提交。例如下面的代碼：
form action="" method="post">
input type="text" name="sdfsdf"/>
textarea>/textarea>
input type="checkbox">sdfsdf
input type="hidden" name="aa"/>
/form>
如果表單中含有兩個或多個單行文本輸入域，那么無論是否含有其他類型的表單組件，按Enter鍵時不會自動提交，例如：
form action="" method="post">
input type="text" name="sdfsdf"/>
input type="text" name="sddf"/>/form>
辦法很簡單，我們上面舉的例子中已經(jīng)有了，只要再添加一個文本輸入框就可以了，可能你會說，為了不自動提交就要增加一個沒有用的輸入框，而且中含有兩個輸入框最終用戶會接受嗎？其實可以解決，你可以將那個新添加的輸入框通過style隱藏即可，例如：
form action="" method="post">
input type="text" name="notautosubmit" style="display:none"/>
input type="text" name="username"/>
/form>
還有一個方法可以綁定button按鈕 enter觸發(fā)事件：
document.onkeypress = function(){
if(event.keyCode == 13) {
search();
return false;
}
}
其中search方法是onclick事件：form name="searchfrom">
您可能感興趣的文章:- js實現(xiàn)點擊圖片自動提交action的簡單方法
- jsp中如何實現(xiàn)按下回車鍵自動提交表單
- JS實現(xiàn)問卷星自動填問卷腳本并在兩秒自動提交功能
