jQuery enable/disble button depending on input field empty or not

Question

HTML

<input type="text" id="customerProfileID" maxlength="9"/>

<input id="attachTest" class="attachTemplateButton" type="button" value="Attach Template" onclick="attachTemplateCall();"/>

jQuery

$("input").focusin(function() {

        $(this).keydown(function() {
            $("#attachTest").attr("disabled", true);
        });     
    });

I have this code in jsfiddle too HERE I was trying to make the button back to enable state if the input field is empty. That means, the button should be enable if input is empty and should be disabled if the input have some value. The code works only when there is value, the button is disabled but when I erase the entered value, the button still stays in disabled state. What am I missing here?

adeneo · Accepted Answer · 2013-02-28 16:16:51Z

6

$("input").on('keyup', function() {
     $("#attachTest").prop("disabled", this.value.length);
});

FIDDLE

answered Feb 28, 2013 at 16:16

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

4 Comments

PlantTheIdea Over a year ago

it should be noted that .prop() should be used now instead of .attr()

jeewan Over a year ago

Hi Adeneo, how can I check the same for more than two inputs? Can you please check this fiddle again jsfiddle.net/jeewanaryal/cFedv Thanks

adeneo Over a year ago

@jeewan - for both, it would be something like -> FIDDLE

Leniel Maccaferri Over a year ago

This one is succinct and beautiful. :)

Thomas · Accepted Answer · 2013-02-28 16:17:27Z

4

$("#customerProfileID").on('keyup blur', function(){
    $('#attachTest').prop('disabled', this.value.trim().length);
});

answered Feb 28, 2013 at 16:17

Thomas

8,8592 gold badges28 silver badges54 bronze badges

1 Comment

Thomas Over a year ago

I added blur since otherwise the button wouldn't be disabled when pasting with the mouse.

Collectives™ on Stack Overflow

jQuery enable/disble button depending on input field empty or not

2 Answers 2

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related