javascript - jQuery验证错误消息问题

Question

我想在特定位置显示 jQuery 验证插件生成的错误消息。我怎样才能做到这一点？例如，我有 2 个单选按钮，默认情况下，插件会在第一个单选按钮旁边(在文本“1 年”之前)生成错误消息。我想在第二个单选按钮之后显示(在文本“2 年”之后)。如何才能我这样做吗？

HTML:

<div >  
    <label for="period">Select period</label>
    <div class = "radio-buttons">
        <input type="radio" name="period" > 1 year
        <input type="radio" name="period" > 2 years 
        <span class="error">Display error message here.</span>  
    </div>                          
</div>

我在一个范围内显示错误消息。

$("#test").validate({
            errorElement: "span",
    });

Answer 1

试试这个

$("#test").validate({
        errorElement: "span",
        errorPlacement: function(error, element) {
              error.appendTo(element.siblings("div.error"))
        }
});

并将错误容器更改为 div，以避免一个跨度位于另一个跨度内。

<div class = "radio-buttons">
    <input type="radio" name="period" > 1 year
    <input type="radio" name="period" > 2 years 
    <div class="error"></div>  
</div>