jquery 解決頁面雙重提交問題

時間 2019-11-18

原文原文鏈接

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無標題文檔</title> <script type="text/javascript" src="jq1.10.2.js"></script> <script type="text/javascript"> $(function() { $("form").submit(function(){ $(":submit",this).attr("disabled","disabled"); }) }); </script> </head> <body> <form action="http://www.baidu.com" method="post"> <h1>表單提交</h1> <input type="text" name="age" /> <input type="submit" value="提交" /> </form> </body> </html> 這裏用到了jquery的「CSS和自定義過濾器」選擇器:submit(選擇提交按鈕元素) 警告：使用這種方式來禁用提交按鈕，不能免除服務器後臺代碼的職責，這個只是在前端作了控制可是對於黑客攻擊仍是不行，得在後臺作控制，只是在用體驗上增長了友好度。

相關標籤/搜索