jquery - 从另一个元素单击检查单选按钮不会消除验证错误

Question

正如标题所示，jQuery 验证似乎无法识别单选按钮已被选中，除非实际单击了它。

意思是，如果您单击另一个元素并且此单击将单选设置为选中，则验证不会感知。

Here's a fiddle to show simple example - 单击提交，然后单击单选按钮，一切正常，错误消失。然后刷新，单击“提交”，然后单击“单击我”文本，您将看到 radio 已选中，但错误并没有消失。

有解决办法吗？

代码如下:

<form>
    <div class="click">Click me</div>
    <input type="radio" name="options" class="radioB">
    <input type="submit" value="submit" class="submit">
</form>
<div id="error--holder"></div>

$('.click').on('click', function (e) {
    $('.radioB').prop('checked', true)
});
$("form").validate({
    rules: {
        options: {
            required: true
        }
    },
    messages: {
        options: "Whoops! Please indicate who.",
    },
    errorPlacement: function(error, element) {
        $('#error--holder').html(error.text()+' <a href=#>Go fix it...</a>').fadeIn();
    },
    success: function(error) {
        $('#error--holder').fadeOut();
    },
    submitHandler: function (form) {
        return false; // stop
    }
});

Answer 1

您可以手动验证该字段

$('.click').on('click', function (e) {
    $('.radioB').prop('checked', true).valid()
});

演示:Fiddle