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 类但没有错误）。

在萤火虫它看起来像这样：

<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 回答