html警报会将我的页面重定向到index.html，我希望它只是显示警报
[英]html alert keeps redirecting my page to index.html, I want it to just show a alert
问题描述
I am trying to make my decline button just pop-up an alert, right now it shows the alert then redirects my page to index.php . 
我试图让我的拒绝按钮弹出警报，现在它显示警报然后将我的页面重定向到index.php 。
The index.php is included in my form action="index.php" . index.php包含在我的表单action="index.php" 。
Note: This is a .php file. 注意：这是一个.php文件。
Sorry if it's a trivial question, I'm new and still learning. 对不起，如果这是一个微不足道的问题，我很新，还在学习。
<!DOCTYPE html> <html> <head> <!-- Meta Data --> <link rel="stylesheet" type="text/css" href="css/custom.css"> <link rel="stylesheet" type="text/css" href="css/Privacy.css"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Privacy page"> <meta name="author" content="groupdev17"> <!-- Title Data --> <title>Privacy Policy</title> </head> <body> <!-- PHP including connection,header, and nav bar --> <?php include('connection.php'); include("header.html"); include("navBar.php"); ?> <!-- class made for contents of privacy statement --> <div class="privacyDisplay"> <p> <div class="main-content"> <h2 id="h2TITLE">PRIVACY STATEMENT</h2> <br></br> Your privacy is important to us. This privacy statement explains the personal data that we collect and store, how we processes it, and for what purposes. In order for you to add products to a cart and to purchase products from us, we collect and store the following personal information on you: <br></br> <b>1) Name:</b><br> <b>2) Email:</b><br> <b>3) Home address:</b><br></br> When you complete your purchase by checking out we then collect, but do not store, the following additional information: Credit card information At no time do we give access to your personal information to third parties. In order to continue to use our web site, you must select Accept to indicate that you understand and accept how your personal information is being collected and stored. If you select Decline, then your account will be deactivated and your personal information will no longer be available to anyone. You may still reactivate your account at any time by accepting these terms at a later time. </p> <!-- buttons to accept or decline privacy --> <form action="index.php" method="get"> <input name = "answer" type="submit" value="Accept" onclick="acceptFunction()" id="privacyAccept"> <input name = "answer" type="submit" value="Decline" onclick="declineFunction()" id="privacyDecline"> </form> </div> </div> <!-- copywrite --> <div class="container"> <footer>Victoria Mobile © 2019</footer> </div> <!-- including footer --> <?php include("footer.html") ?> <!-- javascript methods for accept and decline --> <script> function acceptFunction(){ } function declineFunction(){ alert("You must accept the policy agreement to continue"); return false; } </script> </body> </html>
4 个解决方案
解决方案1
3 2019-04-02 19:18:15
Your button submits the form so you need to stop that by returning the false to the button's click handler or change the button's type from submit to button. 您的按钮提交表单，因此您需要通过将false返回到按钮的单击处理程序或将按钮的类型从提交更改为按钮来停止该表单。
function declineFunction() { alert("You must accept the policy agreement to continue"); return false; }
<form action="index.php" method="get"> <input name="answer" type="submit" value="Decline" onclick="return declineFunction()" id="privacyDecline"> </form>
解决方案2
1 2019-04-02 19:19:03
Just remove type="submit" from the Decline button. 只需从“ Decline按钮中删除type="submit"即可。 Use type="button" instead: 请改用type="button" ：
<input name="answer" type="button" value="Decline" onclick="declineFunction()" id="privacyDecline">
解决方案3
1 2019-04-02 19:20:40
If you don't want to submit your form, use a button instead of an input with type of submit. 如果您不想提交表单，请使用按钮而不是输入类型的提交。 This way the button will do the action that you associate with it rather than submitting the form. 这样，按钮将执行与其关联的操作，而不是提交表单。
<button type="button" value="Decline" onclick="declineFunction()" id="privacyDecline">
解决方案4
-1 2019-04-02 19:23:34
you can use preventDefault 你可以使用preventDefault
function declineFunction(e) { e.preventDefault(); alert("You must accept the policy agreement to continue"); }
<form action="index.php" method="get"> <input onclick="declineFunction(event)" name="answer" type="submit" value="Decline" id="privacyDecline"> </form>
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.