截止日期后如何在 javascript 中禁用提交按钮-解网

问：

如何在截止日期后禁用 JavaScript 中的提交按钮。

我需要提交一个按钮，以便在截止日期后被带走，或者返回截止日期已过的警报。

谢谢

<body>
  <h2>Welcome! </h2>
  <p>Please find below your responsibilities for the month</p>

  <div class=t ask> Task 1 </div>
  <p>Please Submit your report in the space below</p>
  <h3 style="color: red"> DEADLINE: 20/04/2020</h3>
  <form>
    <textarea>
    </textarea> <br> <br>
    <button>Submit</button>
  </form>
</body>

JavaScript 表单按钮会话截止时间

你需要一些 JavaScript。查看 setInterval （w3schools.com/jsref/met_win_setinterval.asp） - 每个间隔的测试条件。还要检查何时单击按钮。然后删除按钮。您可以通过将其样式设置为“display： none”来删除该按钮; - 但请注意，这只会保护客户端 - 如果你想阻止服务器操作（因为你有一个表单 - 我假设你在某个时候提交它） - 你应该在服务器上有类似的检查/保护，因为没有什么可以阻止人们编写自己的客户端，并发布到您的服务器/后端

0赞 Oluwafemi Akinyemi 4/8/2020

拜托我是这门语言的新手，这是我的第一个任务，我尽了我所能，但没有得到它。是的，我有一个 JavaScript 页面，可以将我的客户带到这个任务页面，但我现在的问题是我无法完成截止日期的事情。

0赞 Ryan 4/8/2020

请使用本网站上的搜索功能，看看是否有人问过类似的问题，然后再发布自己的问题。这里有一些可能有帮助的答案。stackoverflow.com/search?q=how+to+disable+a+submit+button。我知道，如果您刚刚开始编程或使用一门新语言，甚至很难知道要搜索什么。从该搜索中，您会看到所有 5 个顶级答案中都包含 JavaScript，这可能是一个线索，表明您仅使用 HTML 无法做到这一点。

答：

0赞 Booboo 4/8/2020 #1

您可以使用调用来触发事件以隐藏提交按钮。若要计算未来发生此事件的毫秒数，请创建一个包含日期的对象，并使用当前日期创建另一个对象。然后调用这两个对象。此函数定义为：windows.setTimeoutDate4/20/2020DategetTime()

Returns the numeric value of the specified date as the number of milliseconds since January 1, 1970, 00:00:00 UTC.

这两个值之间的差值是未来发生的毫秒数，并且应该是调用的参数。对于以下演示，完成此计算后，计算值将覆盖 10,000 毫秒，以便进行演示：4/20/2020 12:00:00 AMwindow.setTimeout

document.addEventListener('DOMContentLoaded', function(event) {
  let deadline = new Date(2020, 4, 20); // at 12:00 AM
  let now = new Date(); // current date and time
  let milliseconds = deadline.getTime() - now.getTime();
  milliseconds = 10000; // set to 10 seconds for testing purposes
  let submit = document.getElementById('submit');
  if (milliseconds > 0) {
    window.setTimeout(function() {
      submit.style.display = 'none';
    }, milliseconds);
  }
  else {
    submit.style.display = 'none';
  } 
});

<body>
  <h2>Welcome! </h2>
  <p>Please find below your responsibilities for the month</p>

  <div class=t ask> Task 1 </div>
  <p>Please Submit your report in the space below</p>
  <h3 style="color: red"> DEADLINE: 20/04/2020</h3>
  <form>
    <textarea>
    </textarea> <br> <br>
    <button id="submit">Submit</button>
  </form>
</body>

开发人员发布的评论应认真对待。您还应该在服务器端进行检查，以检查表单是在使用适当的时区还是在使用适当的时区之后提交的。在客户端，我们使用的是本地时区，但两个日期之间的毫秒数差异应该在某种程度上与时区无关，尽管可能存在细微的差异。4/20/2020 12:00:00 AM

如果要精确计算到期的毫秒数，可以使用：

let deadline = new Date(2020, 4, 20).toLocaleString("en-US", {timeZone: "America/New_York"});
deadline = new Date(deadline);
let now = new Date().toLocaleString("en-US", {timeZone: "America/New_York"});
now = new Date(now);

当然，您可以使用适合您的应用程序的任何时区。请注意，在分配后，您最终会得到一个没有功能的对象，因此需要从中构造一个新对象。deadline = new Date(2020, 4, 20).toLocaleString("en-US", {timeZone: "America/New_York"});DategetTimeDate

上一个：gRPC C++ 客户端在我设置截止时间时阻止

下一个：gRPC 截止时间设置和调用超时差低于截止时间

截止日期后如何在 javascript 中禁用提交按钮

How do i disable submit button in javascript after deadline

评论