web-dev-qa-db-ja.com

同じページにコメントフォームのエラーメッセージを表示する方法

コメントフォーム検証エラー（およびキャプチャエラー）を別のページではなくコメントフォーム自体に表示したいのですが。どうやってやるの？

commentscomment-form
4
hannit cohen

この質問はまた答えました、 ここ

JQueryとValidationプラグインでも同じことができます

2
Philip

私は同じ問題に直面していたと私は解決策を見つけた解決策を探していました

あなたのfunction.phpファイルを開いて、以下のコードを過ぎて：

    function comment_validation_init() {
    if(is_single() && comments_open() ) { ?>        
    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>
    <script type="text/javascript">
    jQuery(document).ready(function($) {
    $('#commentform').validate({

    rules: {
      author: {
        required: true,
        minlength: 2
      },

      email: {
        required: true,
        email: true
      },

      comment: {
        required: true,
        minlength: 20
      }
    },

    messages: {
      author: "Please fill the required field",
      email: "Please enter a valid email address.",
      comment: "Please fill the required field"
    },

    errorElement: "div",
    errorPlacement: function(error, element) {
      element.after(error);
    }

    });
    });
    </script>
    <?php
    }
    }
    add_action('wp_footer', 'comment_validation_init');

スタイルを与えるために：

.error  { padding: 10px 0 20px 0; color: #FF0000; }
input.error, textarea.error { color:#000000; }
4
Nayna