confirm cancel button not working for this simple code
Question
The confirm/cancel button is not working, I don't know what the issue is.
Even after clicking the confirm box cancel it's still directing me to another page.
<html>
<head>
<title>password</title>
</head>
<body>
<script type="text/javascript">
function f() {
if (myform.password.value == "") {
window.alert("you need to enter your password");
} else {
window.confirm("are you sure u want to proceed");
window.location =' https://www.facebook.com/';
}
}
</script>
<center>
<h1>confirm password page</h1>
<form id="myform">
Enter the Password
<input type="password" id="password" value="">
<input type="button" id="continue" value ="continue" onclick="f()">
</center>
</form>
</body>
</html>
5 answers
solution1
2 2022-06-24 11:53:57
You can do
if(window.confirm("are you sure u want to proceed")) {
// Proceed to next page
}
The confirm() method displays a dialog box with a message, an OK button, and a Cancel button.
The confirm() method returns true if the user clicked "OK", otherwise false.
solution2
1 2022-06-24 12:15:24
Window.confirm() returns a boolean .
- if ok clicked then true .
- if cancel clicked then false .
So you have to handle like a if-else block.
if(window.confirm("are you sure u want to proceed")){
// your redirection logic here.
}
solution3
0 2022-06-24 11:56:30
I changed it
function f(){ if(myform.password.value==""){ window.alert("you need to enter your password"); } else{ if (window.confirm("are you sure u want to proceed")) { window.location =' https://www.facebook.com/'; } } }
<center> <h1>confirm password page </h1> <form id="myform"> Enter the Password<input type="password" id="password" value=""> <input type="button" id="continue" value ="continue" onclick="f()"> </form> </center>
solution4
0 2022-06-24 12:13:17
The default behavior of form cause the direction to an another page. for preventing that behavior you should use preventDefault() on your form. like:
event.preventDefault();
here is a sample:
solution5
0 2022-06-24 12:26:19
just copy-paste my code it will return you back when u press cancel
<html>
<head>
<title>password</title>
</head>
<body>
<script type="text/javascript">
function f() {
if (myform.password.value == "") {
window.alert("you need to enter your password");
} else {
if(window.confirm("are you sure u want to proceed")==true){
window.location =' https://www.facebook.com/';}
else{
window.location.reload();
}
}
}
</script>
<center>
<h1>confirm password page</h1>
<form id="myform">
Enter the Password
<input type="password" id="password" value="">
<input type="button" id="continue" value ="continue" onclick="f()">
</form>
</center>
</body>
</html>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.