Javascript 如果验证失败，请更改标签颜色

我有一些HTML，它有一个

标签

和

输入

字段，如下所示：

<div class="table-cell segmented">
    <label for="email" class="field-label">email</label>
    <input id="email" name="email" class="required" type="email" placeholder="Required"  />
    <input type="hidden" id="forgotPasswordInput" name="forgotPasswordInput" value="false"/>
</div>`

---

我认为您需要使用invalidHandler方法

var validator =$("#loginForm").validate({
  rules: {
    email: { required:true, email:true, emailRule: true, },
    emailPass: { required:true,}
  },
  messages: {
    email: { required:"enter email", email:"invalid email", },
    emailPass:{ required:"enter password", }
  },
  invalidHandler: function (ev, validator) {
    $('select your label').css('color', 'the new color');
  }
});

---

你没有id为“name”的标签，你应该格式化你的javascriptI。我修改了我的问题，使之符合我的需要。你可能已经修改了我的问题，使其符合你的需要，但是如果没有你希望我们帮助你设计风格的相关元素，你几乎不可能回答。所以，请考虑帮助我们。要是那样我们就能帮助你就好了。这当然是问这个问题的重点，对吗？顺便说一句，这里有一个到jquery验证器的链接。我正在尝试做我下面的代码中给出的相同的操作，var validator=$（“#loginForm”）.validate（{rules:{email:{required:true，email:true，emailRule:true，}，emailPass:{required:true，}，消息：{email:{required:，}，email:{required:，}，}，emailPass:{required:，}，invalidHandler:function（ev，validator）{$（'.row'）.find（'label[for=email]'）.css（{“color:“red”}）；}，}）；

var validator =$("#loginForm").validate({
  rules: {
    email: { required:true, email:true, emailRule: true, },
    emailPass: { required:true,}
  },
  messages: {
    email: { required:"enter email", email:"invalid email", },
    emailPass:{ required:"enter password", }
  },
  invalidHandler: function (ev, validator) {
    $('select your label').css('color', 'the new color');
  }
});

$('.row').find('label[for=name]').css({"color": "red"});