Javascript后退按钮确认

时间:2016-02-08 15:28:13

标签: javascript html

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

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

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

3 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

按钮没有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”,并确保在离开该页面时没有任何调用表单输入验证的函数!

答案 2 :(得分:0)

问题是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;