顯示jQuery驗證錯誤的替代元素

Question

如何在單獨元素中顯示所有驗證錯誤（例如：div），而不是使用附加到每個元素的標籤？

目前我有以下代碼將所有錯誤綁定到窗體下的另一個div元素。

$('#myForm').validate({ 
     rules:{ 
      txtName:{ 
       required:true, 
       minlength:5, 
       maxlength:100 
      }, 
      selGroups:{ 
       required:true 
      }, 
      txtDate:{ 
       required:true 
      } 
     }, 
     submitHandler:function() { 
      return false; 
     }, 
     messages:{ 
      txtHolidayName:"Please enter the Name (5 - 100 chars)", 
      selGroups:"Please select the Group", 
      txtHolidayDate:"Please select the date" 
     }, 
     errorPlacement:function (error, element) { 
      error.appendTo($('#errorContainer')); 
     }, 
     invalidHandler:function (form, validator) { 
      var errors = validator.numberOfInvalids(); 
      if (errors) 
       $('#errorContainer').fadeIn(); 
     } 
    }); 

我已經部分實現了這一點，但有麻煩躲在裏面包含了所有驗證成功後，所有的錯誤div元素。有人可以幫我解決這個問題嗎？

Answer 1

使用errorLabelContainer設置，這與包裝物的設置很好的作品也

$("form").validate({ 
errorLabelContainer: "#messageBox", 
wrapper: "li", 
}); 

請確保您有相應的HTML

<ul id="messageBox"></ul> 
<form> 
<input name="fname" id="fname" class="required"> 
<input type="submit" /> 
</form>