javascript: validate form element if it is enabled

Question

i want to validate input during form submit for textbox B if it is enabled by radio 2. The input validation for textbox B is not working with the code below:

<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>

@Xymostech, here it is: jsfiddle.net/newbie_85/R6qDa . But it is somehow not working. i'd just created my account in jsfiddle. — Newbie
– Newbie, Commented Dec 12, 2012 at 3:15

Swarne27 · Accepted Answer · 2012-12-12 03:50:55Z

1

Try this,

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

edited Dec 12, 2012 at 3:50

answered Dec 12, 2012 at 3:35

Swarne27

5,8077 gold badges29 silver badges42 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Newbie Over a year ago

it's working now... But after i select the radio 2, then select back to radio 1, the textbox B is still enable. how to make it to be disabled again when radio 1 is selected?

Swarne27 Over a year ago

you haven't mentioned that in your question that you want it disabled back

Swarne27 Over a year ago

I have added the necessary code into the current answer try it out

Newbie Over a year ago

Your are very helpful. Thanks for your effort ;)

Collectives™ on Stack Overflow

javascript: validate form element if it is enabled

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related