gpt4 book ai didi

javascript - jQuery 验证插件 - 单选按钮问题

转载 作者:行者123 更新时间:2023-11-30 08:15:17 24 4
gpt4 key购买 nike

我正在使用 jQuery validation plugin验证我页面中的某些表单。除了一些单选按钮外,它运行顺利。

我有以下代码:

$("#theForm").validate({
"rules": {
"r1" : "required"
},
"messages" : {
"r1" : {
"required" : "foo"
}
}
});
............
............
<input type="radio" name="r1" value="1" />
<input type="radio" name="r1" value="2" />
<input type="radio" name="r1" value="3" />

验证有效,但“foo”消息显示在第一个和第二个单选按钮之间。那不行。我想要它在最后一个单选按钮之后。

我想没问题,在最后一个单选按钮后添加我自己的标签:

<input type="radio" name="r1" value="1" /> 
<input type="radio" name="r1" value="2" />
<input type="radio" name="r1" value="3" />
<label for="r1" class="error" style="display:none">bar</label>

它有效,但显示的是“bar”消息。我不想这样,我希望我的消息都在验证规则之内,那么我该怎么做呢?

如何将错误消息放在最后一个单选按钮之后并使其使用规则中的消息(即“foo”)?

最佳答案

您可以在设置选项时使用 errorPlacement 回调。 http://docs.jquery.com/Plugins/Validation/validate#toptions

errorPlacement: function(error, element) {
if (element.attr('type') === 'radio') {
error.insertAfter(
element.siblings('input[type="radio"][name="' + element.attr('name') + '"]:last'));
}
else {
error.insertAfter(element);
}
}

关于javascript - jQuery 验证插件 - 单选按钮问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4915708/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com