0

私は自分の Web サイトにコメント機能を作成していますが、ユーザーがコメントを送信した後 (およびエラーが含まれている場合)、ページを更新せずにエラーが表示されるようにする必要があります。私は 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

3 に答える 3

0

Javascript を使用する

HTML:

<button name="reply_submit" class="btn post-button" onclick="validate()">Post comment</button>

Javascript:

<script>
function validate(){
  reply = document.getElementById('new_reply').value;
  if (reply==null || reply=="")
    {
    alert("Your comment is too short.");
    return false;
    }
  }
</script>
于 2013-08-26T23:59:54.247 に答える
0

空のフィールドや入力ボックスの長さなどの基本的な検証には、jQuery 検証プラグイン ( http://jquery.bassistance.de/validate/demo/ ) を使用するか、独自のものを記述できます。

より良い AJAX/エラー処理のために jQuery を使用できます。ここでjQuery AJAXのドキュメントを確認してください - http://api.jquery.com/jQuery.ajax/

$.ajax({
  url: "test.html", //URL to send the request
  success: function() {
    //do something. This is fired when your response is successful
  },
  error: function() {
    //highlight the field that has error or do something else here.
  }
);

お役に立てれば ：）

于 2013-08-27T00:17:45.400 に答える