如果使用 jquery 在表单提交中选择单选按钮，我如何需要文本框？

Question

如果选择了第二个单选按钮，如何要求第二个文本框在提交此表单时包含一些文本？

<form action="" method="post" id="search_form" name="search_form">
                <div id="inquryValue-form-item" class="form-item">
                    <div class="form-radio display-inline">
                        <input type="radio" class="required" value="" checked="checked" id="inquryValue" name="search_value">
                    </div>
                    <div class="field-label-45-percent display-inline">
                        <label>
                            Inquiry ID
                        </label>
                    </div>
                    <div id="fepUserIDValueWrapper" class="form-radio display-inline">
                        <input type="radio" class="required" value="" id="fepUserIDValue" name="search_value">
                    </div>
                    <div class="field-label-45-percent display-inline">
                        <label id="fepUserIDValueLabel" for="fepUserIDValue">
                            FEPDirect User ID
                        </label>
                    </div>
                    <div id="inquiry_dateLabelWrapper" class="field-label-45-percent display-inline">
                        <label id="inquiry_dateLabel" for="inquiry_date">
                            Inquiry Date
                        </label>
                    </div>
                </div>
                <div id="fepUserIDValue-form-item" class="form-item">
                    <div id="Search_valueWrapper" class="form-textfield">
                        <input type="text" class="required" value="" id="search_value" name="search_value">
                    </div>
                    <div id="Inquiry_dateWrapper" class="form-textfield">
                        <input type="text" name="inquiry_date" id="inquiry_date" class="date-picker hasDatepicker">
                        <div id="search_value_labelWrapper" class="field-label">
                            <div class="field-description">
                                <span title="This field is required if entering a User ID" class="required">*</span>
                                This field is required if entering an User ID
                            </div>
                        </div>
                    </div>
                    <input type="button" id="search_inquiry-submit" class="neutral" value="Search">
                </div>
                </form>

Answer 1

试试这个：

$('#search_form').submit(function() {
    if($('#fepUserIDValue').attr("checked") == "checked" && $('#inquiry_date').val() == '') {
       alert('Required field missing');
       return false;
    }
});

Answer 2

看这个问题： jQuery.Validate 条件验证 RadioButton 和 DropDownList