单选框的jQuery验证答案

【问题标题】：Jquery validation for radio box单选框的jQuery验证
【发布时间】：2015-11-04 14:59:58
【问题描述】：

我可以知道如何验证 jquery 中的单选按钮吗？我需要用户从单选列表中选择项目，如果在提交表单时没有选择任何项目，系统将在标签处显示错误消息。任何帮助将不胜感激。

请查看 jsfiddle 以获取示例。

Jsfiddle :1Demo

【问题讨论】：

标签： javascript jquery validation radio-button

【解决方案1】：

DEMO

ids 在DOM 中必须始终是唯一的，所以input type="radio" 不能有重复的ids

相反，我为您的radio 按钮添加了一个类，下面将是相同的反映：

<input class="rds" type="radio" name="SUBCLS" id="SUBCLS" value="CO" id="CheckboxGroup1_0" style="vertical-align: -2px;" />Comprehensive
<input class="rds" type="radio" name="SUBCLS" value="TF" id="CheckboxGroup1_1" />Third Party Fire &amp; Theft
<input class="rds" type="radio" name="SUBCLS" value="TP" id="CheckboxGroup1_2" />Third Party
<div class="errmsg"></div> <!--A div to display error message-->

在你的fnValidate()

if(!$(".rds:checked").length)
{
      $(".errmsg").text('Please select a value from radio')
}

【讨论】：

【解决方案2】：

使用$("[name=SUBCLS]:checked").length

$('#submitbutton').click(function (e) {
    if (!$("[name=SUBCLS]:checked").length || $.trim($("#VEHNO").val()) == '') {
        e.preventDefault();
        $("#optionalerrMsg").show();
    }else{
         $("#optionalerrMsg").hide();
    }

});

UPDATED DEMO

【讨论】：

嗨，谢谢它适用于radiobox！但是如何结合文本框和单选框的验证

【解决方案3】：

您可以简单地使用$("[name='SUBCLS']").is(":checked") 像这样：

$(document).ready(function () {
    $('#submitbutton').click(function (e) {
        var res = $("[name='SUBCLS']");
        if (!res.is(":checked")) {
            fnValidate();
        }
    });
});

【讨论】：