我有一個非常簡單的形式與一個自動填充小部件。沒有提交按鈕。我希望表單的行爲方式能夠在用戶從自動填充中選擇一條建議時提交表單,但不會另外提交。問題是,只要按下回車鍵,表單就會自動提交,填寫或不填。但是,如果我添加一個隱藏文本輸入框,它可以解決問題,並且我只能通過從自動完成中選擇一個建議來提交表單(通過此機制提交的內容由一些jQuery處理)。是否有更多'優雅'的方式來關閉提交回報功能?添加一個我實際上並不需要的隱藏文本輸入似乎不是一種「正確」的方式來做到這一點,而且可能是一個依賴於瀏覽器的修復(我正在使用Chrome)。表單自動提交按「輸入」
0
A
回答
1
「輸入時提交」是瀏覽器特定的實現。所以我不認爲我們可以從JS中做任何事來關閉它。
您可能可以通過在jQuery中偵聽「keypress」事件來強制解決該問題,但這看起來很重要。
另一種方法,你可能會採取這種做法(理論上,從來沒有這樣做)是使用HTML5數據屬性。即在你的表格上,有
<form data-ready="false">
</form>
然後當你選擇你的建議項目時,將該屬性設置爲「true」。
在您的表單提交處理程序中,在決定允許表單提交之前檢查該屬性,或使用.preventDefault()阻止提交到服務器。
+0
prventDefault()技巧完美運行。非常感謝! –
相關問題
- 1. Siri的自動提交表單輸入
- 2. 提交表單按JS輸入,但不是自動完成時
- 3. ReactJs表單提交輸入鍵按
- 4. 防止表單提交輸入按鈕
- 5. 提交表單:按鈕還是輸入?
- 6. 表單無提交按鈕輸入
- 7. 在輸入按下表單提交
- 8. ajax多個表單提交輸入按
- 9. 如何提交沒有提交按鈕的輸入表單?
- 10. html表單提交 - javascript不提交輸入按鈕
- 11. 按下輸入時提交ajax提交表單的問題
- 12. AJAX表單提交輸入
- 13. 表單輸入值提交
- 14. 提交表單輸入
- 15. 用提交按鈕輸入表單字段間的移動
- 16. 提交表單沒有動作屬性按輸入鍵
- 17. jQuery,防止表單提交輸入,但允許表單提交按鈕點擊
- 18. 提交自動錶單,無需提交按鈕
- 19. 自動提交表單有多個提交按鈕
- 20. 按提交輸入按鈕
- 21. 表單按鈕,阿賈克斯,輸入密鑰,表單提交
- 22. AnguarJS自動提交表單
- 23. 自動提交表單
- 24. Ajax自動錶單提交
- 25. JavaScript - 自動提交表單
- 26. 自動提交表單(cURL)
- 27. Javascript自動錶單提交
- 28. 表單自動提交
- 29. 自動提交HTML表單
- 30. 當輸入字段不爲空時,Javascript自動提交表單
你能給出更多細節的上下文,很容易給出答案嗎? – vietean
我很抱歉,但您實際上在上下文中的含義是什麼?你想要的代碼,我想要什麼功能,等等? –