how to disable submit button with jquery

Question

I have a simple form to check the value of post code entered by the user against a variable,

I'm trying to disable the submit button and do the check and give alert message, I can't figure out what I'm doing wrong, any help would be appreciated.

  <form id="post_code">         <input name="textfield" type="text" id="postcode" size="14" maxlength="8" />         <input type="image" id="submit_postcode" src="images/B_go.png" alt="Submit Postcode" width="59" height="24" border="0" />   </form>   $(function() {     $('form#post_code').submit(function() {      var entered_post_code = $('form#post_code input#postcode').val();     var post_code = "CV";     if (entered_post_code == post_code) {         alert("post code is ok");         return true;     }else {         alert("post code is not ok");         return true;     }     return false;    }); 

});

Answer 1

The W3C recommends to set that attribute to disabled="disabled", so:

$('#submit_postcode').attr('disabled', 'disabled'); 

Re-enabling can be done by removing the attribute:

$('#submit_postcode').removeAttr('disabled'); 

Setting the attribute to any value causes it to be disabled, even .attr('disabled', 'false'), so it has to be removed.

Answer 2

$('#submit_postcode').attr('disabled', 'disabled');