程序员最近都爱上了这个网站  程序员们快来瞅瞅吧!  it98k网:it98k.com

本站消息

站长简介/公众号

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

暂无数据

如何在表单页面上的发送按钮上设置超时

发布于2022-11-03 22:04     阅读(1164)     评论(0)     点赞(11)     收藏(5)


我对html不太了解。我有一个用于多项选择答案的简单网页,格式如下:

一个问题,4 个单选按钮
一个问题,4 个单选按钮

等等。

底部是一个发送按钮,用于将输入发送到我的电子邮件,我使用 python 来解析输入。这工作正常。

<input type="submit" value="Send Form">

我想要的是发送按钮上的超时,所以,在之后说:

2018 年 10 月 19 日星期五 18:00

发送按钮已停用。我想显示一条小消息,例如“你来不及了,我说周五 6 点之前交作业”。

我将非常感谢有关如何实现这一目标的任何提示。php?Javascript?


解决方案


下面的演示会根据 2019 年 10 月 19 日 18:00 检查当前日期和时间。如果当前日期和时间晚于该日期和时间,则禁用提交按钮并显示一条消息,说明原因。我还在提交按钮上附加了执行检查的功能。这适用于用户在截止日期之前登陆页面但时间到期而他们无法及时提交的情况。在这种情况下,表单提交被推迟到相同的函数,如果截止日期已过,它将阻止表单提交。您可以通过将变量“terminate”更改为较早的日期来测试这一点,例如 10 月 16 日。您还可以注释掉 start() 中对 checkForExpiration() 函数的调用,以测试表单提交部分。

var expMsg = document.getElementById("expireMsg");
var subBtn = document.getElementById("subBtn");
var terminate = new Date("October 19, 2018 18:00:00");
//
function start() {
  checkForExpiration();
}
//
function checkForExpiration() {
  expMsg.innerHTML = "";
  subBtn.disabled = false;
  var currentDate = new Date();
  //
  if (currentDate > terminate) {
    subBtn.disabled = true;
    expMsg.innerHTML = "Sorry, but you've missed the deadline";
    return false;
  } else {
    return true;
  }
}
//
window.onload = start();
<form name="myForm" onsubmit="return checkForExpiration();">
  <input id="subBtn" type="submit" value="Send Form">
</form>
<div id="expireMsg"></div>




所属网站分类: 技术文章 > 问答

作者:黑洞官方问答小能手

链接:http://www.qianduanheidong.com/blog/article/448006/cf02a892403cf656fbd2/

来源:前端黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

11 0
收藏该文
已收藏

评论内容:(最多支持255个字符)