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

Question

我有一些 HTML 有一个label和input这样的字段：

<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>`

当-validation 失败时，我想label用id“名称”更改颜色。如果验证失败input，我不需要更改添加的标签的颜色。input

我有以下方法来验证：

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",
                },
            }       
        });

Answer 1

我认为您需要使用 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');
  }
});

Answer 2

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