发布于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/
来源:前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容:(最多支持255个字符)
---无人问津也好,技不如人也罢,你都要试着安静下来,去做自己该做的事,而不是让内心的烦躁、焦虑,坏掉你本来就不多的热情和定力
Copyright © 2018-2021 前端黑洞网 All Rights Reserved 版权所有,并保留所有权利。 京ICP备18063182号-3
投诉与举报,广告合作请联系vgs_info@163.com或QQ3083709327
免责声明:网站文章均由用户上传,仅供读者学习交流使用,禁止用做商业用途。若文章涉及色情,反动,侵权等违法信息,请向我们举报,一经核实我们会立即删除!