jQuery驗證：樣式「有效」字段

Question

我使用jQuery驗證，我知道如何設置「無效字段」的樣式。但是，我也想要設計「有效領域」。

是否有一些方法可以使用jQuery驗證插件來實現它？

謝謝！

Answer 1

您可以使用這樣

$ ("#form1").validate({   

    highlight: function (element, errorClass) { 
     $(element).css({ "background-color": ErrorClass }); 
    }, 

    unhighlight: function (element, errorClass) { 
     $(element).css({ "background-color": SuccessClass });    
    } 
}); 

Answer 2

根據該文檔，有效的類被添加到已經通過驗證，被認爲是有效的元素。這可以通過validClass選項設置：

http://docs.jquery.com/Plugins/Validation/validate#toptions