Enable / Disable button (Bootstrap 3) using jQuery

Question

I have a button that is styled with Bootstrap3, not sure if that really matters or not....

<button type="button" class="btn btn-danger" disabled="disabled" id="transmitDirectMail">Send</button>

And I have an jquery ajax that validates an input and enables/disables the button if the value is a valid Direct Mail.

$("#directMailAddress")
    .keyup(function () {
        transmitToDirectEmail = this.value;
        $.ajax({
            type: "POST",
            url: "./phiMail/ValidateDirectMail.php",
            cache: false,
            data: { dMail: transmitToDirectEmail }
        })
            .done(function( msg ) {
                if (msg = "0")
                    $("#transmitDirectMail").prop('disabled', true);;
                if (msg = "1")
                    $("#transmitDirectMail").prop('disabled', false);
            });
    });

The problem is that setting the prop enables the button. The ('disabled', true) does not disable the button.

Ram · Accepted Answer · 2014-11-16 03:45:09Z

5

That's because you are using = (assignment operator) instead of == or === for comparison.

.done(function( msg ) {
    $("#transmitDirectMail").prop('disabled', msg == "0");
});

answered Nov 16, 2014 at 3:45

Ram

145k16 gold badges174 silver badges201 bronze badges

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

1 Comment

Dustin Ruckman Over a year ago

Sometimes it's the simple things. Just a typo in my code. Thank you.

Collectives™ on Stack Overflow

Enable / Disable button (Bootstrap 3) using jQuery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related