如何禁用jquery的提交按钮

前端之家收集整理的这篇文章主要介绍了如何禁用jquery的提交按钮前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个简单的形式来检查用户对变量输入的邮政编码的值,

我试图禁用提交按钮,做检查和给予警告消息,我不能弄清楚我做错了,任何帮助将不胜感激。

<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”,因此:
$('#submit_postcode').attr('disabled','disabled');

重新启用可以通过删除属性来完成:

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

属性设置为任何值将导致其被禁用,即使是.attr(‘disabled’,’false’),因此必须将其删除

猜你在找的jQuery相关文章