如何使用Jquery / Javascript启用和禁用提交按钮

时间:2018-03-21 02:25:57

标签: javascript jquery

这是我的代码,我希望在页面加载后禁用提交按钮,并在文本框中输入时启用按钮。请帮忙谢谢

<div class="container" id="frmtoken">
    <form method=POST action="authorize.php">   
        <div class="featured-desc-left">
            <p>Enter token and wait to be connected.</p>
            <p><strong>note: Only one device per token is allowed</strong></p>
        </div>

        <div class="two columns featured-desc-left">
            <p><input type="text" name="token"></p>
        </div>

        <div class="featured-desc-left">
            <p>
                <input name="tconnect" type="submit" value="Connect" 
                   onClick="this.form.submit(); this.disabled=true; this.value='Sending...';"/>
            </p>
        </div>              
    </form>                     
</div>

1 个答案:

答案 0 :(得分:0)

的jQuery

$(document).ready(function(){
    $("input[type=submit]").attr("disabled","disabled");
});

$("input[type=text]").on("keydown",function(){
    $("input[type=submit]").removeAttr("disabled");
});

请注意,当输入页面上的任何submit输入时,这将适用于页面上的所有text输入,因此您可能应该分配类/ ID。