Javascript JS中的重置函数保持重新加载页面
我的代码中有一个重置函数,它使我的表单处于重新加载循环中 当我点击我的Calculate(计算)按钮时,我试图显示的divtext(文本)只是“闪烁”,它会熄灭 我只希望它重置时,重置按钮被点击虽然。不知道哪里出了问题。这是我的密码Javascript JS中的重置函数保持重新加载页面,javascript,reset,Javascript,Reset,我的代码中有一个重置函数,它使我的表单处于重新加载循环中 当我点击我的Calculate(计算)按钮时,我试图显示的divtext(文本)只是“闪烁”,它会熄灭 我只希望它重置时,重置按钮被点击虽然。不知道哪里出了问题。这是我的密码 函数计算日期(){ var startDate=document.getElementById(“startDate”).value; var endDate=document.getElementById(“endDate”).value; var dvtext
函数计算日期(){
var startDate=document.getElementById(“startDate”).value;
var endDate=document.getElementById(“endDate”).value;
var dvtextless60=document.getElementById(“dvtextless60”);
var dvtext61182=document.getElementById(“dvtext61182”);
var dvtextmore183=document.getElementById(“dvtextmore183”);
var Difference_In_Time=新日期(endDate).getTime()-新日期(startDate).getTime();
var差额天数=差额时间/(1000*3600*24);
if(日差<60){
document.getElementById(“dvtextless60”).style.display=“block”;
}否则,如果(天内差异>60和天内差异您可以通过在重置按钮中添加type=“button”
来解决此问题。考虑到您使用的是html表单
我建议您使用和编辑按钮
您可以删除按钮onClick并使用表单onsubmit={}
输入开始日期:
输入结束日期:
算计
重置
在计算函数中使用event.preventDefault()方法。这样可以消除resetForm()函数。您好!感谢您的建议,它确实停止了循环,但现在根本没有重置。知道原因吗?还可以更改重置按钮的ID,如果您使用“重置”作为名称/ID,则可能无法工作。
<form id="rCalculator" onsubmit="calculateDate()">
Enter Start Date: <input type="date" name="startDate" id="startDate"/><br>
Enter End Date: <input type="date" name="endDate" id="endDate"/><br>
<button id="calculate" type="submit">Calculate</button>
<button id="reset" type="reset">Reset</button>
</form>