Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/377.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JS中的重置函数保持重新加载页面_Javascript_Reset - Fatal编程技术网

Javascript JS中的重置函数保持重新加载页面

Javascript JS中的重置函数保持重新加载页面,javascript,reset,Javascript,Reset,我的代码中有一个重置函数,它使我的表单处于重新加载循环中 当我点击我的Calculate(计算)按钮时,我试图显示的divtext(文本)只是“闪烁”,它会熄灭 我只希望它重置时,重置按钮被点击虽然。不知道哪里出了问题。这是我的密码 函数计算日期(){ var startDate=document.getElementById(“startDate”).value; var endDate=document.getElementById(“endDate”).value; var dvtext

我的代码中有一个重置函数,它使我的表单处于重新加载循环中

当我点击我的Calculate(计算)按钮时,我试图显示的divtext(文本)只是“闪烁”,它会熄灭

我只希望它重置时,重置按钮被点击虽然。不知道哪里出了问题。这是我的密码

函数计算日期(){
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>