如何禁用jQuery的提交按钮 [英] how to disable submit button with jquery

问题描述

我有一个简单的表格来检查用户根据变量输入的邮政编码的值，

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;   
});

});

推荐答案

W3C建议将该属性设置为disabled ="disabled"，因此:

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');

将该属性设置为任何值都会导致该属性被禁用，即使是.attr('disabled'，'false')，因此也必须将其删除.

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

这篇关于如何禁用jQuery的提交按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！