Wyświetlanie błędu bez odświeżania strony

Tworzę komentarz do mojej strony internetowej i muszę to zrobić, aby po przesłaniu komentarza (który zawiera błędy) pokazywał błąd bez odświeżania strony. Nie wiem prawie nic o AJAX / JQuery, więc potrzebuję pomocy.

Oto, co mam do tej pory:

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

Potrzebuję więc, jeśli pole komentarza danej osoby nie spełnia kryteriów (w tym przypadku pustego pola), potrzebuję go, aby pokazać ten wiersz błędu bez odświeżania strony:

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

Proszę pomóż.

questionAnswers(3)

yourAnswerToTheQuestion