如何禁用一周的提交按钮

时间:2015-10-24 01:18:53

标签: javascript jquery

我想允许某人每周更新一次数据库中的字段,我想禁用提交按钮

var enableSubmit = function() {
    console.log(this);
    $(this).removeProp("disabled");
}

$("#test").click(function() {
    $(this).prop("disabled", true);
    setTimeout(enableSubmit, 100000000000);
});

会起作用,显然需要一个更大的计时器,但每次刷新页面时,计时器都会重置,我知道理想情况下你会想要在服务器端脚本中这样做,但安全性现在不是问题,仍然如果你喜欢php,那我没问题。

1 个答案:

答案 0 :(得分:1)

将最后提交的时间戳保存在cookie或localStorage中,将button设置为在呈现时禁用,如果cookie / localStorage中最后提交的时间戳已超过1周标记,则使用JavaScript启用它。 / p>

$("#test").click(function() {
    $(this).prop("disabled", true);
    localStorage.setItem('last_submitted_time', new Date().getTime());
});

然后在您的$(document).ready()或某些初始值设定项中

var now = new Date().getTime();
var lastSubmittedTime = +localStorage.getItem('last_submitted_time') || 0;
if (now - lastSubmittedTime >= 604800000) {
    // Enable the submit button.
}