我试图阻止用户多次单击提交按钮。 为了类似的问题,我尝试了很多关于SO的事情。
例如:
$('').click(function () { this.disabled = true });
我也试过..
$("form").submit(function() { $(this).submit(function() { return false; }); return true; });
并且还在母版页上尝试过…
但没有用..我仍然可以不止一次点击按钮。
加价 :
另请注意,我正在使用母版页
添加禁用的属性。
$('#<% =btnUpload.ClientID %>').click(function () { $(this).prop("disabled", true); });
如果您希望用户只按一次按钮,请使用.one()
附加事件。
jquery url: http : //api.jquery.com/one/
您在<% =btnUpload.ClientID %>
之前错过了您的id
#
,
$(function(){ $('#<% =btnUpload.ClientID %>').click(function () { this.disabled = true; }); });
如果你只想添加一次点击事件然后使用一个() ,
$(function(){ $('#<% =btnUpload.ClientID %>').one('click',function () { // your code on click event }); });
如果,你的id
改变了( render
后Clientid changes
)然后尝试使用class selector
比如
$(function(){ $('.ButtonText').click(function () { this.disabled = true; }); });
在javascript中设置一个count
变量。 将其值初始化为0
。 在.click()
事件监听器中检查条件。 If
为0
,则允许执行代码并将计数增加1
。 Else
,返回false。
需要了解更多jQuery教程分享如何防止用户多次点击按钮?,都可以关注jQuery技术分享栏目—计算机技术网(www.ctvol.com)!
var count = 0; $('#<% =btnUpload.ClientID %>').click(function () { if (count == 0) { count++; return true; } else { return false; } });
以上就是jQuery教程分享如何防止用户多次点击按钮?相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。
本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。
ctvol管理联系方式QQ:251552304
本文章地址:https://www.ctvol.com/jquerytutorial/982220.html