Question

我试图使我的拒绝按钮弹出一个警报，现在它显示警报，然后将页面重定向到index.php。

index.php包含在我的表单action="index.php"中。

注意：这是一个.php文件。

抱歉，这是一个琐碎的问题，我是新手，还在学习中。

<!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>

Answer 1

您的按钮提交了表单，因此您需要通过将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>

Answer 2

只需从type="submit"按钮中删除Decline。请改用type="button"：

<input name="answer" type="button" value="Decline" onclick="declineFunction()" id="privacyDecline">

Answer 3

如果您不想提交表单，请使用按钮代替提交类型的输入。这样，按钮将执行您与其关联的操作，而不是提交表单。

<button type="button" value="Decline" onclick="declineFunction()" id="privacyDecline">

Answer 4

您可以使用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>

html警报不断将我的页面重定向到index.html，我希望它仅显示警报

4 个答案: