Enable/Disable Submit Button Using Jquery
> We can disable or enable any form element like button using Jquery prop or attr.
> If Jquery version is 1.6 or above, we can use Jquery prop.
> If Jquery version is 1.5 and below, we can use Jquery attr.
> Lets consider one example here.
> Suppose we have a TextBox and Button as shown below.
Enable/Disable Submit Button Using Jquery - Jquery prop ver : 1.6+
> Initially, when there is nothing on the textbox, the Button will be disabled.

> When we type anything on the textbox, the button should be enabled.

> So on the KeyUp event of Textbox, we can apply following logic in Jquery.
$(function () {
    $('#btnInput').prop('disabled', true);
    $('#txtInput').keyup(function () {
        if ($(this).val() != '') {
            $('#btnInput').prop('disabled', false);
         }
    });
})
Enable/Disable Submit Button Using Jquery - Jquery attr
> If Jquery version is 1.5 and below, we can use Jquery attr.
$(function () {
    $('#btnInput').attr('disabled', 'disabled');
    $('#txtInput').keyup(function () {
        if ($(this).val() != '') {
            $('#btnInput').removeAttr('disabled');
         }
    });
})
Watch Video of this Content on Video Steaming