我需要确认提交按钮,取消或确定。
如果没问题,它会提交表单并执行预定义的操作。
如果您取消,请关闭该消息并保持在同一页面上。
我的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>
答案 0 :(得分: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>
答案 1 :(得分:0)
因为即使您发现点击事件,也不会停止表单操作。为此,您需要在函数中调用event.preventDefault()
答案 2 :(得分:0)
您需要一个简单的f[1]
confirm
声明:
if
&#13;
如果您点击if (confirm('text')) {
alert('do stuff')
}
,ok
块中的代码将被执行,如果if
- 其他任何事情都不会发生,您只需留在此页面。
答案 3 :(得分:0)
这种情况正在发生,因为您正在使用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>