jQuery驗證：改變外觀

Question

這是我的驗證腳本：

$().ready(function() { 
    $("#form1").validate({ 
     rules: { 
      frmDate: { 
       required: true, 
       minlength: 8 
      }, 
      frmAmount: { 
       required: true, 
       number: true 
      }, 
      frmReceipt: { 
       number: true 
      } 
     }, 
     errorElement: "span", 
     wrapper: "span", // a wrapper around the error message 
     errorPlacement: function (error, element) { 
      offset = element.offset(); 
      error.insertAfter(element) 
      error.addClass('form-error-message uk-alert uk-alert-danger'); // add a class to the wrapper 

     }, 
     onsubmit: false 
    }); 


}); 

如果它的數據是無效的它包裝元素，我想改變這種狀況。我想要做的只是向僅圍繞它們的元素添加一個類（假設此類稱爲my-error-class），並且可能會添加一個工具提示，該工具提示是默認的jquery validation插件消息，然後在用戶固定輸入時刪除該類。 我該怎麼辦？

Answer 1

默認情況下，所有無效輸入都標記爲類error以及消息本身。所以你可以用css做到這一點：

input.error { 
    color:red; 
}