最近開發中碰到一個問題，項目中有幾個列表展示頁面，允許用戶通過查詢條件模糊查詢數據。用戶錄入關鍵字後點擊回車會調用查詢方法根據關鍵字查詢，原先功能沒有問題，但是最近發現在查詢輸入框中按下回車會直接刷新頁面不調用查詢方法。檢查發現有人在查詢模塊新增了一個form表單，找了很多和form表單相關資料才發現當form表單內只有一個type=“text”類型的<input>標簽時按下回車默認會提交form表單。解決方法很簡單就是在form表單內新增一個隱藏的type="text"的<input>標簽。

如下：

<form id="form3" method="post"
 
 enctype="multipart/form-data">
   <input type="text" style="display: none;"/>
</form>

按下回車默認提交form表單問題