Mostrando error sin actualización de página

Estoy creando una función de comentarios para mi sitio web y debo hacerlo para que después de que la persona envíe un comentario (y contenga errores), muestre el error sin actualizar la página. No sé casi nada de AJAX / JQuery, así que necesitaré ayuda.

Esto es lo que tengo hasta ahora:

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

Entonces, lo que necesito hacer es, si el cuadro de comentarios de la persona no cumple con los criterios (en este caso, un campo vacío), lo necesito para mostrar esta línea de error sin actualizar la página:

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

Por favor ayuda.

Respuestas a la pregunta(3)

Su respuesta a la pregunta