jquery 解决多次提交

来源：http://andrewye.iteye.com/blog/552324

web应用中常见的问题就是多次提交，由于表单提交的延迟，有时几秒或者更长，让用户有机会多次点击提交按钮，从而导致服务器端代码的种种麻烦。

为了解决这个问题，我们可以绑定处理程序到表单的提交事件上，在提交按钮第一次点击之后禁止提交按钮。

 

Js代码   

1. $("form").submit(function(){  
2. $(":submit",this).attr("disabled","disabled");  
3. });  

 

在事件处理程序体内，用：submit选择器来获取表单内所有的提交按钮，并将disable特性值改为disabled（w3c官方推荐的特性设置）。请注意，建立匹配集的时候我们提供this的上下文值，this指针总是引用已绑定事件的页面元素。

以这种方式禁止提交按钮，不会免除服务器代码的责任-----预防双重提交或者其它类型的验证问题。添加这种代码到客户端能够提高终端用户的界面友好程度，但是它防止不了攻击或者其他黑客企图，所以我们的服务器端代码应该始终保持警惕