jQuery 유효성 검사 : 컨테이너 및 HTML 유효성 검사

Question

jQuery 유효성 검사를 사용하고 있습니다. 컨테이너 특성과 함께 : 모든 오류는 페이지 상단의 ul> li 구조로 표시됩니다.

잘 작동하지만 생성 된 코드가 유효한 HTML이 아닙니다. 여기에 초기 HTML입니다 :

<div id="error-container"> 
    <ul/> 
</div> 

그리고 내 자바 스크립트 코드 :

<script type="text/javascript"> 
<!-- 
$(document).ready(function() { 
    var container = $("#error-container ul"); 
    $(".validate").validate({ 
     ignoreTitle: true, 
     errorLabelContainer: container, 
     wrapper: "li", 
     meta: "validate", 
    }); 
}); 
//--> 
</script> 

문제는 태그가 유효하지 않은 것입니다. 오류가 표시 될 때이 ul 래퍼를 자동으로 추가하도록 jQuery의 일부 메서드를 오버로드하려고 시도했지만 오류가 발생했다는 것을 읽는 것은 매우 어렵습니다.

해결책이 있습니까?

감사합니다.

Answer 1

이에 마크 업을 변경

-

<div id="error-container"> 
    <ul></ul> 
</div>