更改標籤的顏色，如果驗證失敗

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

我想改變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"});