jquery驗證：如何使字段紅色

Question

我正在使用jquery和jquery.validate.cs（jQuery Validation Plugin 1.8.0）來驗證表單。現在它在字段旁邊顯示一條消息：「這是必填字段」。

我也希望每個字段都變成紅色。我會怎麼做？謝謝！

Answer 1

沒有任何自定義配置，你可以這樣做：

select.error, textarea.error, input.error { 
    color:#FF0000; 
} 

• 施加到一個無效的輸入缺省類是error
• 對於進行了驗證的輸入缺省類是valid。

這些類也適用於錯誤標籤，所以在編寫CSS時要注意。

• 演示使用缺省類：http://jsfiddle.net/wesley_murch/j3ddP/2/

的validation plugin允許您配置這些類的名字，所以你可以做這樣的事情：

$("form").validate({ 
    errorClass: "my-error-class", 
    validClass: "my-valid-class" 
}); 

.my-error-class { 
    color:#FF0000; /* red */ 
} 
.my-valid-class { 
    color:#00CC00; /* green */ 
} 

• 演示使用自定義類： http://jsfiddle.net/wesley_murch/j3ddP/1/

個

配置選項可以在http://docs.jquery.com/Plugins/Validation/validate

Answer 2

使用Firebug看到類錯誤元素是什麼，然後用CSS來使它紅：

.error-label { 
    color: red; 
} 

Answer 3

$("#myform").validate({ 
    error: function(label) { 
    $(this).addClass("error"); 
    }, 
}); 

使用errorClass參數被發現添加。無效類：

input.error { 
    color: red; 
}