Jquery 验证失败时更改输入名称的颜色和错误消息

我正在使用jQuery验证，在更改错误消息的颜色和输入字段名时遇到问题。。我尝试只使用CSS，下面是代码：

#news_action input.error {
  color: red;
}

但这只会更改输入字段文本的颜色。。如何使用CSS选择输入字段名和错误消息？如果任何人有没有使用CSS的其他解决方案，这是非常受欢迎的。 有人能帮我吗？ 提前谢谢

这是我的html：

<div class="info">
  Type your name:<input id="input-name" type="text" name="name"/> <br>
  Type your email:<input type="text" name="email"/>
</div>

---

我正在使用javascript对上传文件的表单进行同样的验证，我希望它能方便您的操作

 $(document).ready(function() {

$(".verif_form_ajax").submit(function(){   
        var $inscription_form = $('#inscription_form');

        var process;

        process=1;

        $(".obg").each(function(){
            var length = $(this).val();
                 if(length==""){
                     $(this).css('border-color','#c89494'); 
                      $(this).css('background-color','#F9D3D3');    
                     process=0;                      
                 }else{
                    $(this).css('border-color','#9ac894');
                     $(this).css('background-color','#dbfcd7'); 
                 }  
        });

        $(".obg").blur(function(){
            var length = $(this).val();
                 if(length==""){
                     $(this).css('border-color','#c89494'); 
                      $(this).css('background-color','#F9D3D3');    
                     process=0;                      
                 }else{
                    $(this).css('border-color','#9ac894');
                     $(this).css('background-color','#dbfcd7'); 
                 }  
        });

        if(process=="0"){   
          return false;         
        }
        else{
        file = $('#userfile').val();
        contentType:attr( "enctype", "multipart/form-data" ),
        $.post($(this).attr("action"),  {file:file}, $(this).serialize(), function(data){
            // do wathever you want to do when form is posted
            $inscription_form.html(data);
        });
        return false;

        }
});



});

然后，在需要验证文件的任何形式中，都将其放在一个class=obg中，如下所示

 <label>Namen :</label>
 <input class="obg" type="text" placeholder="Your name" name="denomination" id="denomination" > 

---

请原谅我的英语不好

您需要将每个输入控件及其标签包装在一个容器中，然后可以使用highlight和unhighlight方法将错误类添加到容器中

jQueryfunction${ var validator=$'news\u action'.validate{ 规则：{ 姓名：{ 必填项：true }, 电邮：{ 要求：正确， 电子邮件：真的 } }, 消息：{}， 亮点：功能元素{ $element.parent.addClass'error' }, 非高亮：功能元素{ $element.parent.removeClass'error' } }; }; 新闻与行动。错误{ 颜色：红色； } 键入您的姓名： 键入您的电子邮件：

---

您可以使用html5中的必需属性：

<!-- add 'required' -->
Type your name: <input id="input-name" type="text" name="name" required/> <br>

<!--change type to 'email' and add 'required' -->
Type your email: <input type="email" name="email" required/> 

或处理您的表格并提交：

---

在发现JQuery验证为错误消息生成em元素后，我在css中使用了下面的样式

<style type="text/css">
    em {
        color: Red;           
    }
</style>

现在很容易了。 如果您检查页面，您会发现他们添加了错误标签，并且这些标签有一个名为error的类

因此，您可以添加CSS：

.错误{ 颜色：红色！重要；

---

}

我们可能需要更多的上下文代码。但是，也许你可以将同一个类添加到两个元素中，然后更改该类的颜色？相关的HTML是什么？为包含错误消息的类编写一个类。这个小提琴几乎解决了我的问题。。它更改了输入字段名称的颜色，但错误消息仍然是相同的颜色。这与我想要的略有不同，但感谢您的关注。我要试试！；]$这个.css'background-color'，'F9D3D3'；'他帮助了我。谢谢@Marline。就这样！！谢谢你们！PS：我注意到当出现错误消息时，validate添加了一个基于输入字段名的id标签，我刚刚为这个新id创建了一个类。关于输入字段名，highlight和unhighlight方法对我来说很好。有人问到关于jQuery validate的问题。另外，Safari浏览器不支持必需的标记。