0

私はJquery Validationを次のuser controlように使用しています:

 $("#form1").validate({
                 rules: {
                            <%=textb.UniqueID  %>: 
                            { 
                                required: true 
                            },
                        },
                messages: {
                            <%=textb.UniqueID  %>:
                                {
                                    required: "Please Enter value",
                                },
                        },
                highlight: function(element, errorClass, validClass) {
                           //$(element).css({ backgroundColor: '#0f0' });
                           $(element).addClass(errorClass).removeClass(validClass);
                        },
                unhighlight: function(element, errorClass, validClass) {
                            //$(element).css({ backgroundColor: '#fff' });
                           $(element).removeClass(errorClass).addClass(validClass);
                          }
            });

これは私が使用しているCSSです:

.error input {
    color: #b92d23;
}
.error {
      background: #000;
}

errorとvalidクラスが入力/テキストボックスに追加されていることがわかります。ただし、CSS は背景色を変更するために有効になりません。

私が$(element).css({ backgroundColor: '#fff' });それを行うと、色が変わりますが、CSSファイルからやりたいです(他のCSSクラスは表示されますが、エラーは表示されません)。

firebug では次のようになります。

<input type="text" class="UC_longtextfield error" id="mypage_txbLoanAmount" name="mypage$txbLoanAmount">
<label for="mypage_txbLoanAmount" generated="true" class="error">Please Enter value</label>
4

2 に答える 2

2

あなたのcssは間違っています

input.error {
    color: #b92d23;
}
于 2013-07-26T09:58:12.210 に答える
1

CSSファイルのパスを確認しましたか？css ファイルがページに追加されたことを確認できますか?

css ファイルがページに適切に追加されている場合は、エラー/有効なクラスが入力要素に適切に追加されているかどうかを確認する必要がありますか?

css が適切に読み込まれ、クラスが入力要素に追加された場合、以下のスタイルはその特定の要素に反映されます。

input.error {
color: #b92d23;
}
于 2013-07-26T10:40:47.353 に答える