从确认对话框中选择“取消”后，如何停止表单输入字段的重置？

问题描述

我有一个带有两个按钮的表单和一个onclick js函数：

  <button name='button1' onclick="backFn()">Change Date Range</button>
  <button name='button2' type='submit' form='form1'>Save</button>

  <script>
   function backFn() {
     let back = confirm("Any unsaved changes will be lost");
       if (back == true) {
          location.href = '/selectdate.PHP';
       } else {
     }
   }
  </script>

Button2根据需要提交表单-在那里没有问题。

Button1触发一个打开确认对话框的函数： “确定”将按预期重定向，但我希望“取消”关闭对话框，但保留以表格形式编写的所有内容。

目前，“取消”选项关闭对话框，但清除表单。 如何保留表格选择/文本？ （如果有用的话，请在之后按“返回”以重新填充表格。）

谢谢！

解决方法

将type =“ button”添加到button1。

  <button name='button1' type="button" onclick="backFn()">Change Date Range</button>

否则，浏览器将假定该按钮用于提交表单。