jQueryの検証エラーの位置

Question

jQuery.validateからのjQueryエラーの表示が入力フィールドの近くに表示され、このメッセージにレイアウトがクラッシュしたことが示されている場合。

私はz-indexでフロー "div"を基にした解決策が必要で、ページ上と入力フィールドの近くにエラーメッセージが表示されます。

おかげで、エラーメッセージが表示される方法を変更する方法を参照するにはerrorClass、errorElement、ラッパー、およびerrorLabelContainer optionsで

Answer 1

ルック。ほとんどの場合、エラーメッセージのz-indexを増やすための適切なCSSを持つエラークラスを指定するだけです。それでも問題が解決しない場合は、検証プラグインにerrorPlacementコールバックが含まれています。このコールバックを使用して、どこでどのようにエラーメッセージを配置することができます。

Answer 2

例：

$(document).ready(function(){ 
     $("#page1Form").validate({ 
      rules: { 
       "field1": { 
        required: true, 
        digits: true 
       }, 
       "field2": { 
        required: true 
       } 
      }, 
      errorElement: "div" // This is to override the label w/ a div 
     });      
    }); 

CSS：

div.error { 
/* Your CSS Code Here */ 

}

あなたはdiv要素のスタイルにする必要があります。

私もこれを行うために探していますが、私のCSSのファルカンはまだ= P