一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

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

时间:2013-11-04 编辑:简简单单 来源:一聚教程网

定义全局标示符

 代码如下 复制代码

//代码片段
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属性,禁止点击.

 代码如下 复制代码

热门栏目