3

jQuery 検証プラグインを使用して入力をチェックしていますが、エラー メッセージの場所を調整するのに問題があります。これが私のコードのデモです。

問題のあるセルの横ではなく、その下にエラー メッセージを表示したいと思います。リファレンスを確認したところ、errorPlacement関数に集中する必要があることがわかりました。セルの下にエラー メッセージを表示したい場合は、新しいセルを作成して<tr>からエラー メッセージを挿入する必要がありますか? 提案をありがとう。

$("#myform").validate({
  errorPlacement: function(error, element) {
     error.appendTo( element.parent("td").next("td") );
   },
   debug:true
 })
4

2 に答える 2

4

エラー メッセージが要素の「隣」にある唯一の理由は、どちらもインライン要素 (<select>と<label>) であるためです。エラーメッセージを下に移動するには、次のようにします。

1) エラー ラベルを対象とする CSS を使用して、display: block;

また

2）挿入する前にエラーラベルをブロック要素でラップします（上記のコードを使用して、追加する前にエラーをdivでラップするだけです）

于 2013-03-08T00:16:24.920 に答える
1

display:blockを CSS に追加するだけです。私のために働きます。

.error{
    border-color: #F78181;
    color:red;
    display:block;
}

labelと同じ幅にするために、次のように CSS の次の兄弟の命名法でスタイルselectを設定できます。+

select + label{
    width:300px;
    background: blue;
}
于 2013-03-08T00:58:40.770 に答える