jQuery 數秒後自動提交form表單程式碼例項
本章節分享一段程式碼例項,它實現了在指定的時間之後自動提交表單。
很多下載網站都設定了此程式碼,下載按鈕數秒,數完後,可以點選提交
程式碼非常的簡單,需要的朋友可以做一下參考。
一.jquery程式碼部分:
[JavaScript] 純文字檢視 複製程式碼$(document).ready(function(){ // #formDownload ajaxForm $('#formDownload').ajaxForm({ target:'#formDownloadWindows',success:function(){ } }); }); function jump(count,formId) { window.setTimeout(function(){ count--; if(count > 0) { $('#jumpNum').html(count); jump(count,str); } else { $(str).submit(); } }, 1000); }
二.HTML部分程式碼如下:
[HTML] 純文字檢視 複製程式碼<form action="action/download" method="post" id="formDownload"> 等待:<span id="jumpNum"></span>秒 <input type="button"#formDownload");" /> </form>
相關文章
- jQuery改變form表達的提交頁面程式碼例項jQueryORM
- EasyUI實現的form表單提交簡單程式碼例項UIORM
- 清空form表單例項程式碼ORM單例
- js表單提交後提交按鈕不可點選程式碼例項JS
- 使用ajax方式提交表單程式碼例項
- js重置form表單元素值程式碼例項JSORM
- 將form表單序列為物件例項程式碼ORM物件
- javascript動態實現的表單提交效果程式碼例項JavaScript
- jQuery實現的自動播放簡單程式碼例項jQuery
- jQuery表單驗證簡單程式碼例項jQuery
- angularJS進行表單提交程式碼例項AngularJS
- jQuery清除表單資料程式碼例項jQuery
- jquery防止重複提交程式碼例項jQuery
- 同一個form表單中有多個提交按鈕規定不同功能程式碼例項ORM
- javascript以函式方式提交表單程式碼例項JavaScript函式
- 觸發form表單自動提交的方式有哪些?ORM
- 阻止點選回車提交表單效果程式碼例項
- jQuery標題自動頂貼效果程式碼例項jQuery
- 點選回車實現表單提交效果程式碼例項
- 使用jquery實現的清空表單元素程式碼例項jQuery
- Ctrl+Enter鍵實現提交表單內容例項程式碼
- 阻止點選回車實現的表單提交程式碼例項
- javascript數字自動加1程式碼例項JavaScript
- JavaScrip小數自動補零程式碼例項Java
- jQuery將表單序列化為物件的程式碼例項jQuery物件
- jquery設定表單元素為不可用程式碼例項jQuery
- jQuery實現的表單註冊驗證程式碼例項jQuery
- jquery自動走動的圓形鐘錶效果程式碼例項jQuery
- jQuery is() 程式碼例項jQuery
- 防止表單提交按鈕重複點選現象程式碼例項
- HTML5自帶表單驗證程式碼例項HTML
- jQuery動態載入更新外部樣式表程式碼例項jQuery
- jQuery鏈式呼叫簡單例項程式碼jQuery單例
- jQuery 省市級聯選單程式碼例項jQuery
- jquery自定義事件簡單例項程式碼jQuery事件單例
- jQuery簡單調色器程式碼例項jQuery
- Layui環境下form表單提交;jquery.form.js;lay-verify,lay-filter;UIORMjQueryJSFilter
- jQuery表單外掛jQuery.formjQueryORM