使用提醒

Question

我需要确认提交按钮，取消或确定。

如果没问题，它会提交表单并执行预定义的操作。

如果您取消，请关闭该消息并保持在同一页面上。

我的java脚本代码只运行提交，操作不会被取消。

感谢您的帮助。

function envio() {
  var r = confirm("Tem certeza que deseja excluir este registro?");
  if (r == true) {
    window.location = "edicao-demandas-result.lbsp";
    form.submit();
  }
}

<form method="post" name="form" action="file.html">
  <div class="w3-row-padding">
    <div class="w3-col w3-center w3-rest">
      <label class="w3-text-blue w3-small">ATTENTION...
      </label><br>
      <input type="submit" class="w3-comp-btn w3-blue w3-round"
          value="Delete Record" name=LBWEB_DELETERECORD onClick="envio();">
    </div>
  </div>
</form>

Answer 1

您需要将事件传递给您的函数，并使用preventDefault()阻止提交。

function envio(event) {
  event.preventDefault();
  var r=confirm("Tem certeza que deseja excluir este registro?");
  if (r==true) {
    window.location="edicao-demandas-result.lbsp";
    form.submit();
  }
}

<form method="post" name="form" action="file.html">
  <div class="w3-row-padding">
    <div class="w3-col w3-center w3-rest">
      <label class="w3-text-blue w3-small">
        ATTENTION...
      </label>
      <br>
      <input id="mySubmit" type="submit" class="w3-comp-btn w3-blue w3-round"
          value="Delete Record" name="LBWEB_DELETERECORD" onClick="envio(event);">
    </div>
  </div>
</form>

Answer 2

因为即使您发现点击事件，也不会停止表单操作。为此，您需要在函数中调用event.preventDefault()

Answer 3

您需要一个简单的f[1] confirm声明：

＆＃13;

＆＃13;

if

＆＃13;

＆＃13;

＆＃13;

如果您点击if (confirm('text')) { alert('do stuff') }，ok块中的代码将被执行，如果if - 其他任何事情都不会发生，您只需留在此页面。

Answer 4

这种情况正在发生，因为您正在使用onclick输入submit。此类元素的默认行为始终是提交表单。

如果您将类型更改为button，则应该有效。例如：

<input type="button" class="w3-comp-btn w3-blue w3-round" value="Delete Record" name="LBWEB_DELETERECORD" onclick="envio();" />

这是您使用此方法查看代码的方式：

function envio() {
  var r=confirm("Tem certeza que deseja excluir este registro?");
  if (r==true) {
    form.submit();
  }
}

<form method="post" name="form" action="file.html">
  <div class="w3-row-padding">
    <div class="w3-col w3-center w3-rest">
      <label class="w3-text-blue w3-small">ATTENTION...</label>
      <br/>
      <input type="button" class="w3-comp-btn w3-blue w3-round" value="Delete Record" name="LBWEB_DELETERECORD" onclick="envio();" />
    </div>
  </div>
</form>