jquery – 如何防止提交按钮上的双击事件

前端之家收集整理的这篇文章主要介绍了jquery – 如何防止提交按钮上的双击事件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我的页面中有一个提交按钮.有时当我双击它时,双重提交显然,问题是我将信息保存在数据库中,所以我会在那里有重复的信息,我不希望这样.我尝试了一些类似下面的jquery代码,但它对我不起作用.

这里我的按钮标签是:
    

jQuery的:

   $(document).ready(function()
   {
     $('#btnSubmit').dblclick(function()
     {
        $(this).attr('disabled',true);
        return false;
     });
    });  

如何进一步处理?防止默认无法正常工作

$(document).ready(function () {
    alert("inside click");
    $("#btnSubmit").on('dblclick',function (event) {  

       event.preventDefault();

 });
});
最佳答案
使用setTimeout以更加用户友好的方式

$(document).ready(function () {
     $("#btnSubmit").on('click',function (event) {  
           event.preventDefault();
           var el = $(this);
           el.prop('disabled',true);
           setTimeout(function(){el.prop('disabled',false); },3000);
     });
});

猜你在找的jQuery相关文章