Organizational Research By

Surprising Reserch Topic

jquery disable enable submit button


jquery disable enable submit button  using -'javascript,jquery,html,forms'

I have this html:

<input type="text" name="textField" />
 <input type="submit" value="send" />


How can I do something like this:


When the text field is empty the submit should be disabled (disabled="disabled").
When something is typed in the text field to remove the disabled attribute.
If the text field becomes empty again(the text is deleted) the submit button should be disabled again.


I tried something like this:

$(document).ready(function(){
     $('input[type="submit"]').attr('disabled','disabled');
     $('input[type="text"]').change(function(){
            if($(this).val != ''){
               $('input[type="submit"]').removeAttr('disabled');
            }
     });
 });


..but it doesn't work. Any ideas? Thanks.
    
asked Sep 9, 2015 by rajesh
0 votes
29 views



Related Hot Questions



Government Jobs Opening


...