Question

我在user control上使用Jquery验证：

 $("#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>

Answer 1

你的CSS错了

input.error {
    color: #b92d23;
}

Answer 2

你检查过CSS文件路径了吗？你能看到css文件被添加到你的页面吗？

如果正确地将css文件添加到ur页面，那么你需要检查是否正确地将错误/有效类添加到输入元素中？

如果css被正确加载并且类被添加到input元素，则下面的样式应该反映在该特定元素上：

input.error {
color: #b92d23;
}

JQuery验证元素错误/有效css没有显示

2 个答案: