如何在用戶輸入完成後提交表單? 例如:用戶開始輸入。幾個人物介紹停止後。表單被提交。Javascript。用戶停止輸入後提交表格
-3
A
回答
2
下面是一個例子。
var timer;
var doneTypingInterval = 3000; // wait 3 seconds
var $input = $('input');
$input.on('keyup', function() {
clearTimeout(timer);
timer = setTimeout(doneTyping, doneTypingInterval);
});
$input.on('keydown', function() {
clearTimeout(timer);
});
function doneTyping() {
alert('done')
}
的Html
<input type="text">
但我不建議這樣做。它可能會讓你的用戶煩惱。
+0
對不起,我是新的。我想如果我粘貼jsfiddle鏈接,它會自動粘貼代碼。 –
+0
顛倒了我的投票。發佈小提琴鏈接很好,但代碼也應該發佈在答案中。您也可以發佈堆棧片段而不是小提琴鏈接。 – Carcigenicate
0
我希望這有助於示例:
HTML
<form>
<input name="query" id="query">
<p id="message" > </p>
</form>
JS
function submitForm(){
//do some stuff
}
jQuery(document).ready(function(){
window.timeout=null;
jQuery('#query').on('keyup', function(event){
clearTimeout(window.timeout);
window.timeout = setTimeout(submitForm, 1000); // waits 1 second for user to press a new key
});
});
相關問題
- 1. 停止按鈕從提交然後使用JavaScript提交表單
- 2. JavaScript停止提交表單
- 3. 停止輸入/回車鍵提交表格
- 4. 停止提交空輸入值
- 5. 用提交eventlistener停止表單提交
- 6. 輸入火表格提交
- 7. Javascript OnChange腳本 - 停止表單提交
- 8. 停止對錶格所需提交
- 9. 停止用戶輸入'char
- 10. Jquery輸入類型提交,event.preventDefault()不要停止提交
- 11. 停止*作爲用戶輸入輸入
- 12. 停止用戶輸入字符後,輸入字段限制與純粹的JAVASCRIPT
- 13. Jquery - 使用輸入鍵提交表格
- 14. jQuery停止表單提交
- 15. 表 - 停止雙提交
- 16. 停止提交表單中的輸入字段
- 17. 提交用戶輸入點擊和輸入按鍵(HTML和JavaScript)
- 18. 提交後在輸入框中保留用戶輸入文本
- 19. 在表單提交後使用URL輸入的用戶輸入重定向
- 20. 當用戶進入停止「輸入」鍵
- 21. 如何停止從提交表單輸入時,它只有一個啓用輸入沒有javascript
- 22. 根據用戶輸入提交可變長度表格
- 23. 使用Javascript提交作爲用戶提交多個提交按鈕的表格
- 24. Ruby on Rails:提交搜索表單後保持用戶輸入
- 25. JavaScript提交表格後形式消失
- 26. 停止提交空輸入值使用PHP
- 27. 使用jQuery停止表單提交
- 28. 停止提交表單,使用Jquery
- 29. 乾淨的方法來防止輸入按鈕提交表格
- 30. html輸入表格不會提交?
這是可能的,但它是可怕的設計。除非輸入信息應該很短,否則這可能會讓用戶感到厭煩。 – cdo256
我需要製作一個搜索表單,它會在每次輸入之間暫停後向服務器發出請求。這是客戶的願望 –
啊,這很有道理。 – cdo256