在提交表单后显示输出一秒钟后,我一直试图防止p标记中的结果和日期的输入消失,因为稍后辅助程序无法从p标记中读取数据。
请帮忙!!
function Adate(){
var edate= document.getElementById("dob").value;
var res = document.getElementById("result");
var tday = new Date();
var bdate = new Date(edate);
var agedate= tday.getFullYear() - bdate.getFullYear();
if(agedate>=0)
{
res.textContent ="You are "+agedate ;
}
else
{
res.textContent ="You are from the future!!";}
}
<body>
<form onsubmit="return Adate()">
Enter your DOB:
<input type="date" id = "dob" >
<input type="submit" value ="submit">
</form>
<p id="result">
</p>
</body>
只需将其添加return false;
到函数的末尾,就可以达到目的Adate()
:
function Adate(){
var edate= document.getElementById("dob").value;
var res = document.getElementById("result");
var tday = new Date();
var bdate = new Date(edate);
var agedate= tday.getFullYear() - bdate.getFullYear();
if(agedate>=0)
{
res.textContent ="You are "+agedate ;
}
else
{
res.textContent ="You are from the future!!";}
return false;
}
<body>
<form onsubmit="return Adate()">
Enter your DOB:
<input type="date" id = "dob" >
<input type="submit" value ="submit">
</form>
<p id="result">
</p>
</body>
在这里,return false;
基本上意味着页面不会尝试将表单提交到某个后端,因此不会刷新页面。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句