jQuery 유효성 검사를 사용하는 데 어려움이 있습니다. 특히, 레이블 태그에서 오류 메시지를 제거하고 div 안에 넣으려고합니다.Jquery 유효성 검사 : 오류 라벨 태그 제거
나는 5 개의 라디오 버튼 블록을 가지고 있습니다. 각 블록은 다음과 같습니다
내 jQuery 코드는 다음과 같습니다<div class="question-wrapper required">
<div class="question-title required">
<div class="question-box required">1.</div><h1>Question # 1</h1>
</div>
<div class="error-wrapper">
<p><input type="radio" name="q1" class="q1 required" value="value1">Value 1</p>
<p><input type="radio" name="q1" class="q1 required" value="value2">Value 2</p>
<p><input type="radio" name="q1" class="q1 required" value="value3">Value 3</p>
<p><input type="radio" name="q1" class="q1 required" value="value4">Value 4</p>
<p><input type="radio" name="q1" class="q1 required" value="value5">Value 5</p>
</div><!--error-wrapper-->
</div><!--question-wrapper-->
:
$(document).ready(function() {
$("#music").validate({
rules: {
q1: {required: true},
q2: {required: true},
q3: {required: true},
q4: {required: true},
q5: {required: true},
},
messages: {
q1: {required: "Select song 1"},
q2: {required: "Select song 2"},
q3: {required: "Select song 3"},
q4: {required: "Select song 4"},
q5: {required: "Select song 5"},
},
errorElement: "div",
errorLabelContainer: "#messageBox",
wrapper: "span",
errorClass: "invalid"
});
});
실행할 때 문제는 오류 코드 블록은 다음과 같습니다된다
<div htmlfor="q1" generated="true" class="invalid" style="">Select song 1</div>
어느 오류 메시지를 배치하려는 나의 시도에 문제가 있음을 증명합니다. 어떤 아이디어?
하는'
이들은 모두 라디오 버튼 그룹이며 각 그룹에는 5 개의 라디오 버튼이 있습니다. 나는 초점을 바꾸는 것이 걱정되지 않는다. 레이블 태그로 인해 어려움을 겪고있는 오류의 레이아웃이 걱정됩니다. – TWLATL