-1

Web サイトのコメント セクションを作成しようとしていますが、ユーザーがコメントを送信した後 (およびエラーが含まれている)、ページを更新せずにエラー (新しい HTML 要素) が表示されるようにする必要があります。私は AJAX/JQuery についてほとんど何も知らないので、助けが必要です。

これが私がこれまでに持っているものです：

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

したがって、その人のコメント ボックスが基準 (この場合は空のフィールド) を満たしていない場合、ページを更新せずに次のエラー行を表示する必要があります。

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

助けてください。

4

1 に答える 1

0

HTMLはほぼ同じ、onsubmit アクションを追加

<form class="no-margin" method="POST" action="" onsubmit=verify();>
      <textarea name="new_reply" id="new_reply_textarea" placeholder="Write a reply..."></textarea>
...
</form>
<div class=comment-warning></div>

JS

function verify()
{
if ($('#new_reply_textarea').is(':empty'))
{
$('.comment-warning').html("Your comment is too short.");
return false;
}
else
{
return true;
}
}
于 2013-08-27T03:51:56.577 に答える