jQuery disable enable submit button

Question

I want to 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.

This is my HTML:

<input type="text" name="textField" />

<input type="submit" value="send" />

Does anyone have any ideas on this?

Answer 1

The issue is that the change event fires when focus is moved away from the input. 
Use the keyup instead:

$(document).ready(function() {
     $(':input[type="submit"]').prop('disabled', true);
     $('input[type="text"]').keyup(function() {
        if($(this).val() != '') {
           $(':input[type="submit"]').prop('disabled', false);
        }
     });
 });

I hope this helps.