J'ai du mal à utiliser la validation jQuery. En particulier, j'essaie de supprimer le message d'erreur de la balise label et de le placer dans un div.Jquery Validation: Se débarrasser de l'étiquette d'étiquette pour l'erreur
J'ai 5 blocs de boutons radio. Chaque bloc ressemble à ceci:
<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-->
Mon code jQuery ressemble à ceci:
$(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"
});
});
Le problème est lorsqu'il est exécuté, le bloc de code d'erreur ressemble à ceci:
<div htmlfor="q1" generated="true" class="invalid" style="">Select song 1</div>
Ce qui est prouvant problématique pour mes tentatives de positionner le message d'erreur. Des idées pourquoi?
Vous savez, quand on clique dessus, balise ''
Ce sont tous des groupes de boutons radio, chaque groupe ayant 5 boutons radio. Je ne suis pas inquiet de changer de concentration. Je m'inquiète de la disposition de l'erreur, qui s'avère difficile avec l'étiquette d'étiquette. – TWLATL