Javascript confirm()方法。如何对“取消”和“确定”按钮单独执行操作

时间:2018-03-22 11:09:28

标签: javascript jsp

我有一个JSP页面,我在其中放置了一个用于confirm()方法的JS代码。我从“onsubmit”表单中调用它。对话框有2个按钮“确定”和“取消”。单击“确定”时,应该提交表单,但是点击“取消”按钮我需要将页面重定向到其他页面。下面是JS代码。

function showDialog() {
    if(confirm("Press OK to confirm")) {
     console.log("Clicked OK, confirmation.");} else {
console.log("Clicked Cancel, confirmation.");      

}

下面是我调用JS函数的表单标记:

<form:form  name="login" id="login" action="<%=loginPass%>" method="POST" autocomplete="off" onsubmit= "showDialog()">

1 个答案:

答案 0 :(得分:0)

如果你“错误”,你可以阻止默认的onsubmit功能。 然后将表单传递给函数并在其中调用'.submit()'或使用'location.href'重定向用户。

 function showDialog(form) { if(confirm("Press OK to confirm")) { console.log("Clicked OK, confirmation.");
form.submit();
} else { console.log("Clicked Cancel, confirmation."); 
location.href = "https://whereyouwantto.go";
}



<form:form name="login" id="login" action="<%=loginPass%>" method="POST" autocomplete="off" onsubmit= "showDialog(this);return false;">