使用无线电组验证表单无效

时间:2014-01-27 06:18:04

标签: jquery validation radio-button

我正在尝试验证包含一些选择和一个广播组的表单。如果未选择某些内容,则会出现一个弹出窗口。否则,应显示下一个屏幕。我的问题是验证无线电组,其中每个按钮都有一个相关的值。

我已经查看了许多关于无线电组/按钮的问题,用户希望确定是否已经检查了按钮。这些都不起作用。使用我目前拥有的代码,即使选择了一个单选按钮,我也会弹出一个弹出窗口。任何建议都会受到欢迎。提前谢谢。

if($("#radio").is(':checked') && $("#one").val() != "" && $("#two").val() != "" && $("#three").val() != "" && $("#four").val() != "" && $("#five").val() != ""){
    $("#next").show();
}
else
    alert("You muct fill out all fields);

2 个答案:

答案 0 :(得分:1)

您的语法对于检查单选按钮验证无效。您应该使用:

if(!$("input[name='name_of_radio_buttons']:checked").val())
       alert('Nothing is checked!');

更新

if($("input[name='name_of_radio_buttons']:checked").val() && $("#one").val() != "" && $("#two").val() != "" && $("#three").val() != "" && $("#four").val() != "" && $("#five").val() != ""){
$("#next").show();
}
else
alert("You muct fill out all fields);

答案 1 :(得分:0)

验证复选框,如下所示:

if($('#isAgeSelected:checked')。size()> 0) {

$("#txtAge").show(); 

}其他{

$("#txtAge").hide();

}