jquery防止重複提交程式碼例項
在很多應用中,可能有些資料只能夠被允許提交一次,也就是提交之後不能夠再提交第二次,下面就是一段能夠實現此功能的簡單程式碼,需要的可以參考一下,程式碼如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(function(){ var flag = true; $("#result").on('click',function(){ if(flag){ flag = false; } else{ return; } $("#show").html('<p>'+$("#msg").val()+'</p>'); }) }) </script> </head> <body> <div id="show"></div> <input type="text" id="msg"> <a href="#" id="result">檢視效果</a> </body> </html>
以上程式碼實現了我們的要求,文字框中的資料只能夠被提交一次,這是因為設定了一個flag標記,當提交以後此標籤會被修改為false,如果為則不能夠提交資料,程式碼比較簡單,這裡就不多介紹了,可以參閱相關閱讀。
相關閱讀:
1.on()可以參閱jQuery on()一章節。
2.html()函式可以參閱jQuery html()一章節。
3.val()函式可以參閱jQuery val()一章節。
相關文章
- 防止表單提交按鈕重複點選現象程式碼例項
- 防止表單重複提交的程式碼
- PHP透過session判斷防止表單重複提交例項PHPSession
- js 防止重複提交方案JS
- 前臺防止表單重複提交的方法。Jquery、jsjQueryJS
- PHP 防止表單重複提交PHP
- 前端如何防止介面重複提交前端
- 使用jQuery去除陣列中的重複元素程式碼例項jQuery陣列
- jQuery複製頁面元素程式碼例項jQuery
- 前端防止使用者重複提交-js前端JS
- jQuery is() 程式碼例項jQuery
- javascript刪除字串重複字元程式碼例項JavaScript字串字元
- PHP防止使用者重複提交表單PHP
- 防止表單重複提交的幾種策略
- jQuery改變form表達的提交頁面程式碼例項jQueryORM
- jQuery 數秒後自動提交form表單程式碼例項jQueryORM
- 如何防止jQuery物件動畫重複執行jQuery物件動畫
- js刪除陣列中重複項的程式碼例項JS陣列
- javascript刪除陣列重複元素程式碼例項JavaScript陣列
- js 的陣列去除重複元素程式碼例項JS陣列
- js刪除陣列重複元素程式碼例項JS陣列
- javascript去除陣列中重複元素程式碼例項JavaScript陣列
- jQuery選項卡例項程式碼jQuery
- PHP防止表單重複提交的解決方法PHP
- beego有防止頁面重複提交的功能嗎Go
- 13-Jsp防止二次提交(重複提交) 時間戳JS時間戳
- jQuery操作cookie程式碼例項jQueryCookie
- jQuery 動畫效果程式碼例項jQuery動畫
- jQuery事件冒泡程式碼例項jQuery事件
- css合併減少重複程式碼簡單例項CSS單例
- javascript刪除陣列中重複元素程式碼例項JavaScript陣列
- JavaScript提取兩個陣列重複元素程式碼例項JavaScript陣列
- 防止重複提交與驗證控制元件配合使用控制元件
- js防止網站被映象程式碼例項JS網站
- 禁用F5重新整理jQuery例項程式碼jQuery
- jquery 驗證碼效果程式碼例項jQuery
- jQuery.map()方法程式碼例項jQuery
- jQuery阻止事件冒泡程式碼例項jQuery事件