javascript：验证表单元素（如果已启用）

Question

我想在文本框B的表单提交期间验证输入，如果它是由无线电2启用的话。 文本框B的输入验证不适用于以下代码：

<script type="text/javascript">
$(document).ready(function() 
{
    $("#form").validate(
    {
        rules: {B: "required",}
    }); 

   ​$(':radio').change(function() 
   {
        $('#B').prop('disabled', !(this.value == '2' && this.checked));
   })​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​;         
});
</script>

<form id="form" name="form" method="post" action="">
<table><tr>
<td width><input type="radio" name="A" id="1" value="1" />1</td>
<td width><input type="radio" name="A" id="2" value="2" />2</td>
</tr></table>
<input name="B" type="text" id="B" disabled="disabled"/>
<input type="submit" name="form" id="Submit" value="Submit" />
</form>

Answer 1

试试这个，

$(document).ready(function() 
{
    $("#form").validate({
            rules: {
                B: "required",
            }
        });
    $('input:radio[name="A"]').change(
    function(){
        if ($(this).is(':checked') && $(this).val() == '2') {
            $('#B').removeAttr('disabled');
        }else if($(this).is(':checked') && $(this).val() == '1'){
            $('#B').attr('disabled', 'disabled');
        }
    });
});