Question

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

请检查jsfiddle以获取样本。

Jsfiddle：1 Demo

Answer 1

使用-(void)btnTouched:(id)sender { hasNavigatedFurther = YES; NextViewController* nvc = [NextViewController new]; [self.navigationController pushViewController:nvc animated:YES]; }

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

<强> UPDATED DEMO

Answer 2

<强> DEMO

id在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')
}

Answer 3

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

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

无线电盒的Jquery验证

3 个答案: