javascript - jQuery 提交问题

Question

我正在使用以下函数对纯 radio 小组调查表单执行一些简单的验证:

$('form').submit(function(e) {
    e.preventDefault();
    if($('input[type="radio"]:not(:checked)').val()) {
        this.reportValidity();
        return;
    }
    this.submit();
});

我就是从这个fiddle开始的并稍作修改。

这在很好地验证单选按钮并根据需要时有效......但由于某种原因，一旦每个单选组都有一个选择，表单将不再提交，这与 fiddle 中的版本不同。我觉得我错过了一些非常简单的东西，一旦有人回答这个问题，我就会脸红。

提前致谢。

Answer 1

在修改后的脚本中，您要检查任何未选中的单选按钮，因此检查始终存在 - 一组中只能检查一个，因此您肯定至少有一个没有检查。它不会闪现有效性检查，因为组很好，但它仍然会从提交函数中返回，而不会到达实际的 Submit() 调用。