javascript - jQuery.Validate - エラー結果を別の場所に配置する方法は?

Question

jQuery.Validate によって生成されたすべてのエラーを 1 か所にまとめたいと考えています。

元：

    <input type="text" id="Text1" class=".name" />
    .
    .
    .
    <input type="text" id="Text2" />
    <input type="text" id="Text3" />
    <input type="text" id="Text4" />

    <div id="errors"> I want to put errors results here! </div>

私はすでにそのようにしようとしましたが、うまくいきません:

   jQuery('.name').rules('add', {
        required: true,
        messages: {
            required: 'Type a name'
        },
        errorElement: "div",
        errorLabelContainer: "#errors"
    });

どんな助けでも大歓迎です。

ありがとう

Answer 1

次のように errorPlacement を使用します。

errorPlacement: function(error, element) {
    error.appendTo("#errors");
}

Answer 2

を使用するのは正しいですがerrorLabelContainer、jQuery Validate の設定方法が間違っているようです。個々の要素ではなくvalidate、フォームを呼び出す必要があります。ここで、すべてのルールとメッセージを指定し、errorLabelContainer. nameさらに、各入力で属性を指定する必要があります(id属性だけでは不十分です)。

したがって、フォームが次のようになっていると想像してください (省略形で):

<form id="myFormId">
<input type="text" name="Text1" id="Text1" class=".name" />
</form>

次に、次のような JavaScript を使用します。

$(document).ready(function(){
    $('#myFormId').validate({
        rules: {
           Text1: {
              required: true
           }
        },
        messages: {
          Text1: {
              required: 'Type a name'
          }
        },
        errorLabeLContainer: '#errors'
    });
});