在确认框中单击“确定”后，如何重置表单？

Question

我有一个带有重置按钮的表单，该按钮可以清除整个表单，但是我想弹出一个确认对话框，并确认用户要重置。

我有确认框在工作，但是当确定时我如何使其重置表格按下按钮？

下面是我到目前为止的代码：

function reset() {
  var r = confirm("Are you sure you want to reset all text?");
  if (r == true) {
    form.reset();
  }
}

<form>
  <p>Full Name</p><br><input name="fname" type="text" placeholder="Full Name"><br>
  <p>Address</p><input name="address" type="text" placeholder="Address"><br>
  <p>Email</p><br><input name="email" type="email" placeholder="Email"><br>
  <input type="submit"> <button onclick="reset()" type="button">Reset</button>
</form>

我究竟做错了什么？

Answer 1

尝试这个：

HTML：

<input type="reset" onclick="return confirm_reset();">

JS：

function confirm_reset() {
    return confirm("Are you sure you want to reset all text?");
}

当该onclick函数返回时false，它将阻止重置按钮的默认操作。

演示