JAVASCRIPTのALERTでOKをクリックした後で、フォーム送信時にページ更新を停止する方法

Question

の2番目のifがtrueの場合、ページが警告され、次にOKをクリックするとページが更新されます。

リフレッシュすることなく警告を出したいと思います。

PS：私の質問でご不明な点がありましたら、下記にコメントしてください。

index.phpをご<input>タイプが提出され

//if submit is clicked 
    if(isset($_POST['submit']) && $row = mysqli_fetch_array($reservation)) 
    { 
     if(!empty($_POST['text_in']) && !empty($_POST['text_out'])) 
     { 
     $checkin = $_POST['text_in']; 
     $checkout = $_POST['text_out']; 
     $reservation1 = mysqli_query($db, "SELECT * from reservation where reservefrom='$checkin' AND reserveto ='$checkout'");  
      if(mysqli_num_rows($reservation1)) 
      { 
       echo "<script>alert('Correct'); window.location.replace('reservestep2.php');</script>"; 
      } 
      else 
      { 
      echo "Wrong"; 
     } 
    } 
    } 

Answer 1

場合

<form action="step2server.php" method="post"> 
     <div class="inputs"> 

      <label class ="ccheckin">Check IN:</label> 
      <input class ="ccheckint" name="text_in" id="datetime" required> 

      <label class ="ccheckout">Check OUT:</label> 
      <input class ="ccheckoutt" name="text_out" id="datetime1" required> 


      <button class="btn" name="submit" id="btn">Reserve</button> 
     </div> 
     </form> 

step2server.php：

はHERE構造です。クリックするとページが更新され、GET/POSTリクエストがサーバーに送信されます。

ページを更新せずにデータを取得したい場合。 AJAXを使用してGET/POSTリクエストを実行し、通常の送信の代わりにサーバーからデータを受信して​​ください。