Javascript后退按钮确认

Question

我试图在我正在设计的表单上实现一个后退按钮，当按下时会产生一个确认弹出窗口，允许用户选择确定或取消。到目前为止，我对此按钮的代码如下所示。

function goBack(){
    window.history.back();
    }
<button type="back" value="back" onclick="goBack()">Back</button>

我遇到的问题是表单的大多数元素都是根据需要设置的，因此当单击后退按钮时，表单会要求首先完成所有字段，请有人告诉我如何获取按钮返回时不要求首先完成表格。感谢

Answer 1

我只使用按钮提交表单，为此，输入类型按钮正常工作。

<input type="button" onClick="javascript:history.back();" value="back" />

Answer 2

按钮没有type =“back”。只需使用：

<button value="back" onclick="goBack()">Back</button>

或

<input type="button" onclick="goback()" value="Back"> 

或确保使用链接：

<a href="javascript:history.go(-1);">Back</a>

请不要使用type =“Submit”，并确保在离开该页面时没有任何调用表单输入验证的函数！

Answer 3

问题是back不是按钮的有效type。如果您不希望提交表单，请使用button类型。这应该可以解决你的问题。

＆＃13;

＆＃13;

function goBack(){
  if(confirm("Are you sure?")){
    window.history.back();  
  }
}

＆＃13;

<form>
  <!-- inputs here -->
  <input required />
  <button type='button' onclick='goBack()'>Back</button>
</form>

＆＃13;

＆＃13;

＆＃13;