如何验证单选按钮和复选框？

Question

对于单选按钮：

$(document).ready(function() {
        $('#select-number').click(function() {
                if ($('input:radio', this).is(':checked')) {
                    return true;
                } else {
                    alert('Please select something!');
                    return false;
            }
        });

    });

当未选择任何单选按钮时，它可以正常工作。但是，当我选择单选按钮并提交表单时，它还会给我一条警告消息：'Please select something!'是否有任何好的教程可用于使用Jquery 'Please select something!' newbie进行验证。

Answer 1

它看起来像是附加到submit按钮的click事件(该元素内部没有输入)。而应附加到窗体的submit事件：

$(document).ready(function() {
    $('#formID').submit(function() {
        if ($('input:radio', this).is(':checked')) {
            return true;
        } else {
            alert('Please select something!');
            return false;
        }
    });
});

这样做的好处是可以捕获所有可能提交的<form>，并在正确的位置查找input:radio按钮。您还可以进一步缩短/简化它：

$(function() {
  $('#formID').submit(function() {
    if ($(this).find('input:radio:checked').length == 0) {
      alert('Please select something!');
      return false;
    }
  });
});

Answer 2

我认为这是因为您没有查看是否选中了单个无线电，而是检查了是否选中了所有无线电

if ($(this).find("input:radio:checked").length > 0) {
    return true;
} 
else {
    alert('Please select something!');
    return false;
}

Answer 3

jQuery validation插件非常好用，而且很容易上手。如果你是jQuery的新手，你最好尝试一下这个插件，并专注于其他的基础知识。你会发现一些验证，但这可以让你很快地像专业人士一样验证(客户端)。