jQuery 防止点击事件重复提交实例

1.定义全局标示符

var ddClick=false;
 $(".cai").bind('click',function(){
          if(ddClick){return;}
          post_dig('cai');
 });

 $(".zan").bind('click',function(){
          if(ddClick){return;}
           post_dig('zan');
 });

function post_dig(type){
      ddClick=true;
        $.ajax({
             type : 'POST',
             url : '/scripts/dig.php',
             data: {act:'update',type:type},
             success : function(msg){
                  ddClick=false;
            }
  });
 }

 

2.以下代码可以解决提交按钮完成Validation插件的Form验证后禁止按钮，提交Form：

$(document).ready(function() {    
$("#myForm").validate({      
submitHandler: function(form) {        
$(form).find(":submit").attr("disabled", true).attr("value", "Submitting...");        form.submit();     
}   
}) 
});

 

3.实现思想:当用户点击提交按钮后将按钮添加disabled属性,禁止点击.

<script type="text/javascript"> 
$("input:submit").each(function() { 
var srcclick = $(this).attr("onclick"); 
if(typeof(srcclick)=="function"){ 
$(this).click(function() { 
if (srcclick()) { 
setdisabled(this); 
return true; 
} 
return false; 
});} 
}); 
function setdisabled(obj) { 
setTimeout(function() { obj.disabled = true; }, 100); 
} 
</script>