Question

我遇到了一些正确完成此操作的问题。我想要我的＆＃34; sendit＆＃34;只要框中有任何字符，按钮即可启用（删除禁用）。我现在尝试了很多东西，但我无法让它发挥作用。

HTML的一部分：

<input type="password" id="inputPassword" class="form-control" placeholder="Password" required>

    <input id="sendit" class="btn btn-lg btn-primary btn-block disabled" type="submit" value="Generate Codes"></input>

JS档案

    $(document).ready(function() {
    var pass_error = 1;

    // Check name field

        if (inputPassword === '') {
            pass_error = 1;
        } else {
            pass_error = 0;
        }
        enableButton();
    });


    // verzendknop pas activeren nadat alles is ingevuld en gecontroleerd
    function enableButton() {
        if (pass_error!== 0) {
            $('#btn btn-lg btn-primary btn-block').attr('disabled', 'disabled');
        } else {
            $('#btn btn-lg btn-primary btn-block').removeAttr('disabled');
        }
    };
});

Answer 1

您的代码仅在DOM Ready上检查字段一次。

您需要将支票与该字段上的keyUp事件联系起来：

$('my-field').keyUp(function() {
 if($(this).val() === '') {
  pass_error = 1;
} else {
  pass_error = 0;
  enableButton();
});

输入上的Bootstrap启用按钮

1 个答案: