单选框的Jquery验证

Jquery validation for radio box

本文关键字：验证 Jquery 单选框      更新时间：2023-09-26

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

请查收样品。

jsfield: 1 Demo

DEMO

id s在DOM和input type="radio"中必须是唯一的不能有重复的id s

相反，我为你的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')
}

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

$('#submitbutton').click(function (e) {
    if (!$("[name=SUBCLS]:checked").length || $.trim($("#VEHNO").val()) == '') {
        e.preventDefault();
        $("#optionalerrMsg").show();
    }else{
         $("#optionalerrMsg").hide();
    }
});
<<p> 更新演示/strong>

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

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