Question

我正在使用jQuery验证器进行问卷调查。我想在问题（.vraag）后面显示某个标签的错误消息，但我无法让它工作。

如何将错误附加到此.find的parrent（带有类vraag）（“label [for ='”+ element.attr（“id”）+“']”）

这是HTML：

<div><p class="vraag"><strong>Heb je behoefte aan meer contact met ?</strong></p>  


<label for="antwoord1"><input id="antwoord1" class="antwoord1" type="radio" name="antwoord1" value="Ja, ik vind het leuk om  te ontmoeten"  > Ja, ik vind het leuk om te ontmoeten</label><br>

<label><input class="antwoord1" type="radio" name="antwoord1" value="Ja maar alleen per mail" > Ja maar alleen per mail</input></label><br>

<label><input class="antwoord1" type="radio" name="antwoord1" value="Ja maar alleen telefonisch"  > Ja maar alleen telefonisch</label><br>

<label><input id="contactvoldoende" type="radio" name="antwoord1" value="Nee, ik vind het contact voldoende" > Nee, ik vind het contact voldoende <span class="contactvoldoendetekst">(je hoeft de rest van de vragen niet in te vullen)</span></label><br>

</div>

这是jQuery：

// validate the form when it is submitted
    var validator = $("#enquete").validate({
        errorPlacement: function(error, element) {
            // Append error within linked label
            $( element )
                .closest( "form" )
                    .find( "label[for='" + element.attr( "id" ) + "']" )
                        .append(error);
        },
        errorElement: "span",
            });


jQuery.extend(jQuery.validator.messages, {
    required: " (geef een antwoord)"
});

Answer 1

//Add following scripts to your HTML file in head section

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js"></script>

查找特定标签的父级

1 个答案: