jqueryエラーの配置

Question

jqueryフォームがあります。検証は正しく動作しますが、エラーを適切に配置したいと思います。今ではとIE 7で表示されます。

alt text http://img412.imageshack.us/img412/1810/errorhma.jpg

しかし、私はそれを表示したいと思います。これはCSSのコードである

alt text http://img520.imageshack.us/img520/7089/error1ace.jpg

：

div.error { display:none; } 
      <%-- input { border: 1px solid black; }--%> 
      input:focus { border: 1px dotted black; } 
      input.error { border: 2px solid red; } 
      label.error { color: white; font-size:16px; font-family:Nyala; background-color: red } 
      label.valid { color: green; } 

Answer 1

のtry label.error {ブロック表示を}それをレイアウトするための一つの方法の簡単な例を参照してください。デフォルト値は "error.insertAfter（element）"です。あなたは、例えばこれらのいずれかを使用できます。

errorPlacement: function(error, element) { 
    error.insertBefore(element); 
    //error.appendTo(element.parent().next()); 
    //error.appendTo(label.insertAfter(element)); 
    //error.insertAfter(element.sibling(a)); 
} 

あるいはここにいくつかの条件を入れて、他のステートメントを使用します。

errorPlacement: function(error, element) { 
    if (element.is(".something")) { 
     element.nextAll('div').html(error); 
    } else { 
     error.insertAfter(element); 
    } 
} 

は、それが

を役に立てば幸い

Answer 2

いくつかの問題があります。最初は、入力要素要素を囲むようにエラー着色が表示されています。したがって、入力要素を含むためにエラーdivを使用するか、フォーム要素のコンテナの色を変更するだけです。私はコンテナの色を変更するために投票しています。

第二に、あなたはこれだけ追加し、div.errorは（あなただけのフォーム要素のコンテナの色を変更していると仮定し）左右の明確になりたい：

div.error { 
    clear: both; 
} 

これはもちろん何らかの理由で左に浮かべたことを前提としています。あなたはerrorPlacementと、エラーメッセージの配置を制御することができます

Answer 3

;：いずれの場合では、どのような

http://jsbin.com/amaxa