Fehler ohne Seitenaktualisierung anzeigen

Ich erstelle eine Kommentarfunktion für meine Website und muss sie so gestalten, dass nach dem Einreichen eines Kommentars durch die Person (und wenn dieser Fehler enthält) der Fehler angezeigt wird, ohne die Seite zu aktualisieren. Ich kenne fast nichts von AJAX / JQuery, daher brauche ich etwas Hilfe.

Folgendes habe ich bisher:

<?php
  if(isset($_POST['reply_submit'])) {
    $reply = $_POST['new_reply'];
    $reply_message = "";

    if(empty($reply)) {
      $reply_message = "Your comment is too short.";
    }
  }
?>

<html lang="en">
  <body>
    <form class="no-margin" method="POST" action="">
      <textarea name="new_reply" placeholder="Write a reply..."></textarea>
      <button name="reply_submit" class="btn post-button" type="submit">Post' . (isset($reply_message) ? '<div class="comment-warning">' . $reply_message . '</div>' : '') . '</button>
    </form>
  </body>
</html>

Wenn das Kommentarfeld der Person die Kriterien nicht erfüllt (in diesem Fall ein leeres Feld), muss diese Fehlerzeile angezeigt werden, ohne die Seite zu aktualisieren:

<button name="reply_submit" class="btn post-button" type="submit">Post' . (isset($reply_message) ? '<div class="comment-warning">' . $reply_message . '</div>' : '') . '</button>

Bitte helfen Sie.

Antworten auf die Frage(3)

Ihre Antwort auf die Frage