Forms 更改表单中的标签颜色时出错

Forms 更改表单中的标签颜色时出错,forms,validation,colors,label,Forms,Validation,Colors,Label,我对验证插件很满意。当有人单击submitbutton且必填字段未填充时,相关字段的边框颜色将变为红色。然而,我的问题是,我还希望它旁边的文本的颜色改变。这是我的结构: <div class="row"> <label for="name">Name*</label> <input type="text" id="name" name="name"> </div> .form.a input.error {border:

我对验证插件很满意。当有人单击submitbutton且必填字段未填充时,相关字段的边框颜色将变为红色。然而,我的问题是,我还希望它旁边的文本的颜色改变。这是我的结构:

<div class="row">
    <label for="name">Name*</label>
    <input type="text" id="name" name="name">
</div>
.form.a input.error {border:2px solid #eb053b;}

现在如何选择标签元素来更改文本颜色?使用CSS是不可能的,因为您不能选择父元素,但我不知道如何使用jQuery。单击submit按钮可以触发此事件

if(jQuery('.form.a input').css('border')==2px solid #eb053b){
    jQuery(this).siblings('label').css('color','#eb053b');
}

正如我在评论中提到的,jquery验证器在默认情况下会在输入框后面添加一个标签,并带有一个类“error”。虽然我还没有找到阻止验证器这么做的方法,但我在表单中实践了一些东西。 HTML:

这将在输入框后面的红色标签中产生有意义的错误消息。 可以使用jqueryvalidator的rules选项自定义错误消息,errorPlacement选项更改标签前后的位置


如果我找到了您问题的确切解决方案,我会更新我的答案。

您能分享您正在使用的验证插件的名称吗,或者分享一把小提琴吗?如果您使用的是jquery验证器,那么在css中使用label.error{color:EB053B;}就足够了。谢谢您的反应!我在用我想就是你说的那个。但是,当我将label.error{color:EB053B;}添加到代码中时,它不起作用。这里的问题是,与您提到的相同的jquery验证插件在输入框后面添加了另一个label[for='name']元素,并且该标签有一个与之相关联的类错误。我以为它会检查标签是否已经存在,但发现它不存在。我成功地删除了错误消息。这可以在验证程序的以下代码段中完成:消息:{必需:,远程:,电子邮件:请输入一个有效的电子邮件地址,只需删除引号之间的文本。我的问题与错误消息无关,因为每个标签都有一个唯一的文本。单击“提交”按钮时触发此事件,您的意思是这样吗?:$.buttonlink.clickfunction{如果$'input'.css'border'='2px'{$this.sibbines'label'.css'color','eb053b';};我希望你是指其他的东西,因为这不起作用。
<div class="row">
    <input type="text" id="name" placeholder="Name (required)" name="name">
</div>
.form.a input.error {border:2px solid #eb053b;}
label.error { color: #ebo53b;}