表单重复提交解决（是自定义属性实现）

最新推荐文章于 2024-07-22 20:50:26 发布

weixin_30606669

最新推荐文章于 2024-07-22 20:50:26 发布

阅读量179

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/hzsu/p/6306468.html

本文介绍了一种使用JavaScript实现的防刷点击机制，通过记录每次点击的时间戳并判断两次点击之间的时间间隔来防止短时间内重复提交表单，有效提升了用户体验并降低了服务器负载。

$("#submit").click(function () {
var nowTime = new Date().getTime();
var clickTime = $(this).attr("ctime");
if (clickTime != 'undefined' && (nowTime - clickTime < 10000)) {
alert('操作过于频繁，稍后再试');
return false;
} else {
$(this).attr("ctime", nowTime);
var mainForm = $("#submit").parent().parent();
mainForm.submit(function () {
if (mainForm.valid()) {
$("#submitloading").show();

} else {
$(".validation-summary-errors").hide(8000);
}

});
}
});

转载于:https://www.cnblogs.com/hzsu/p/6306468.html