Question

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

$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);
    }
},

上述验证无效。如果没有选中单选按钮，我需要一个弹出窗口，询问该人是否是会员或非会员。

Answer 1

通常情况下，收音机盒默认选择一个。我可能会在非成员中设置默认选择。此外，您不会真正需要id属性。

之后，您可以测试

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

这是一个小提琴 Fiddle for values

Answer 2

你可以得到这样的输入值：

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

添加验证到jQuery表单单选按钮

2 个答案: