向 jQuery 表单单选按钮添加验证答案

【问题标题】：Adding validation to jQuery form radio button向 jQuery 表单单选按钮添加验证
【发布时间】：2014-09-04 15:37:59
【问题描述】：

我正在处理一个表单，我需要确定是否使用 jQuery 表单验证选择了单选按钮。可能有一个超级简单的解决方案，但我还没有弄清楚。这是我的sn-ps代码：

$bodyFormContainer.append('<div class="formMediumCopy">Are you a Sport&Health member?</div> <br /> <input type="radio" class="" name="webform_member" id="control_COLUMN170_0" value="Member" /> &nbsp; <div class="formMediumCopy">Member</div> <input type="radio" class="" name="webform_member" id="control_COLUMN170_1" value="Non-Member" /> &nbsp; <div class="formMediumCopy">Non-Member</div> <br />')
                .append('<a class="blueButton freePassBtn" href="javascript:FreeTNTHelper.postForm(this);" onclick="return FreeTNTHelper.validateData();" id="freePassBtn">Send Your Request<img src="/images/arrow_btn.png" width="11" height="17" alt="" /></a>');

为了验证，我有：

var FreeTNTHelper = {
validateData: function () {
if (document.getElementById('control_COLUMN170:checked').length < 0) {
        alert("Please indicate if you're a member or non-member.");
        document.getElementById('control_COLUMN170').focus();
        return (false);
    }
},

上面的验证不起作用。如果未选择单选按钮，我需要一个弹出窗口来询问此人是会员还是非会员。

【问题讨论】：

标签： javascript jquery validation radio-button

【解决方案1】：

通常，单选框默认选中一个。我会在那里设置一个默认选择，可能是非成员。此外，您实际上并不需要 id 属性。

之后，你可以测试

if($("input[name='webform_member']").val() == "Member"){
    //process code here
} else {
    //process code here    
}

这是一个小提琴片段 Fiddle for values

【讨论】：

【解决方案2】：

你可以像这样获取输入的值：

$("input#id").val();//1 if checked, 0 if not checked

【讨论】：

当有两个选项时这是否有效？为了澄清我的原始帖子，如果没有选择任何选项，我需要弹出一个通知。我试着像这样插入你的建议：'if (document.getElementById('control_COLUMN170_0').val(0) && document.getElementById('control_COLUMN170_1').val(0)) { alert("请说明你是否会员或非会员。”）； document.getElementById('control_COLUMN170').focus();返回（假）；'这会检查是否未选择任何一个选项吗？谢谢！
哦，好的。她你去： if (!$("input[name='nameOfRadioButtons']:checked").val()) { alert('None are checked!'); }
这不会返回 1 或 0。它实际上会返回字符串“Member”或“Non-Member”
哎呀，你是对的！出于某种原因，我认为 .val() 是 :checked。