Estaba intentando crear una aplicación web en la que tienes que iniciar sesión, registrarte, etc. En mi página de inicio de sesión quiero tener botones que puedan redirigirme a la página de registro y una página de contraseña olvidada, pero los 3 botones en mi página hacer lo mismo, y eso es enviar el formulario. ¿Cuál es el error que hago?
<!DOCTYPE html> <html lang="en"> <head> <title>Crisis Containment Service</title> <link rel="icon" href="https://www.pinclipart.com/picdir/middle/344-3442781_tornado-icon-animated-natural-disaster-png-clipart.png"> <link rel="stylesheet" href="stylesLogin.css"> </head> <body> <div id="slider"> <figure> <img src="Images/wildfire.jpg"> <img src="Images/furtuna.jpg"> <img src="Images/hurricane.jpg"> <img src="Images/landslide.jpg"> <img src="Images/tornada.jpg"> <img src="Images/vulcan.jpg"> <img src="Images/inundatie.jpeg"> <img src="Images/wildfire.jpg"> </figure> </div> <div id="text-box"> <h1>Login</h1> <form action="login.php" method="post"> <label for="username">Username:</label><br> <input type="text" placeholder="Nume utilizator" name="username"><br> <label for="password">Password:</label><br> <input type="password" placeholder="Parola" name="password"><br> <button id="buton1" type="submit">Log in</button> <button id="buton2" onclick="myFunction1()">Register</button> <button id="buton3" onclick="myFunction2()">Forgot password?</button> </form> </div> </body> <script> function myFunction1() { location.href='registerPage.php'; } function myFunction1() { location.href='forgotPasswordPage.php'; } </script> </html>Establezca el atributo de tipo de los otros botones en "button" . De forma predeterminada, los botones dentro de un formulario actúan como botones de envío.
<button type="button" id="buton2" onclick="myFunction1()">Register</button> <button type="button" id="buton3" onclick="myFunction2()">Forgot password?</button> Además, nombró a sus dos funciones myFunction1 para que la segunda sobrescriba a la primera.
function myFunction1() { location.href = 'registerPage.php'; } function myFunction2() { location.href = 'forgotPasswordPage.php'; }Actualicé el archivo en algunas líneas.
<!DOCTYPE html> <html lang="en"> <head> <title>Crisis Containment Service</title> <link rel="icon" href="https://www.pinclipart.com/picdir/middle/344-3442781_tornado-icon-animated-natural-disaster-png-clipart.png" /> <link rel="stylesheet" href="stylesLogin.css" /> </head> <body> <div id="slider"> <figure> <img src="Images/wildfire.jpg" /> <img src="Images/furtuna.jpg" /> <img src="Images/hurricane.jpg" /> <img src="Images/landslide.jpg" /> <img src="Images/tornada.jpg" /> <img src="Images/vulcan.jpg" /> <img src="Images/inundatie.jpeg" /> <img src="Images/wildfire.jpg" /> </figure> </div> <div id="text-box"> <h1>Login</h1> <form> <label for="username">Username:</label><br /> <input type="text" placeholder="Nume utilizator" name="username" /> <br /> <label for="password">Password:</label><br /> <input type="password" placeholder="Parola" name="password" /><br /> <button id="buton1" type="button" onclick="LogInFunction()"> Log in </button> <button id="buton2" type="button" onclick="myFunction1()"> Register </button> <button id="buton3" type="button" onclick="myFunction2()"> Forgot password? </button> </form> </div> </body> <script> function LogInFunction() { location.href = "login.php"; } function myFunction1() { location.href = "registerPage.php"; } function myFunction2() { location.href = "forgotPasswordPage.php"; } </script> </html>Espero eso ayude