jQuery 2つのクラスで検証エラーボックスを設定する

Question

私はコードを持っていますが、私はというメインクラスを使用していて、エラーボックスを配置しているのはtextareaですが、テキストボックスエラーをこの特定のボックスにロードするように設定します。

From a previous question私は以下のjQueryラインfunction(error, element) { error.appendTo(element.siblings("label")); }を与えられましたが、私は下のコードにどのように動作させるのか不明です。

のjQuery：

jQuery(document).ready(function() { 
    //Home Validation 
    onfocusout: true, 
    $("#quote").validate({ 
     rules:{ 
      companyName:{ 
       required: true, 
       url: true 
      } 
     } 
    }); 

HTML：

<div class="error textAreaError">Error Here</div>

Answer 1

検証プラグイン用documentationを見てから、あなたがエラーの位置を制御することができるように、それが見えますfunction（error、element）を使用するerrorPlacement引数です。コードは次のようになります。

jQuery(document).ready(function() { 
    //Home Validation 
    $("#quote").validate({ 
     onfocusout: true, 
     rules:{ 
      companyName:{ 
       required: true, 
       url: true 
      } 
     }, 
     errorPlacement: function(error, element) { 
      if (element.is("textarea")) 
       error.appendTo(".textAreaError"); 
      else 
       error.appendTo(".generalError"); 
     } 
    }); 
}); 

一般的なエラーボックスにはgeneralErrorクラスを指定する必要があります。または、エラーボックスにidを指定して代わりにそれらを参照してください（例： "#textAreaError"と "#generalError"）。