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(选择提交按钮元素) 警告：使用这种方式来禁用提交按钮，不能免除服务器后台代码的职责，这个只是在前端作了控制可是对于黑客攻击仍是不行，得在后台作控制，只是在用体验上增长了友好度。