JavaScript/jQuery 类修改

Question

我正在尝试根据用户的输入将按钮的状态(使用 Bootstrap)从事件更改为非事件。从更大的 Angular 来看，我试图想出一种直观的方法来测试表单的输入，以便一旦每个字段都有效，就可以按下提交按钮以在服务器端进行 PHP 处理。这是我目前拥有的代码:

<br>
<label>
    Input: <input type="text" name="sample" class="form-control" id="input" onkeyup="activateButton()" required>
</label>

<br>
<label>
    <button type="submit" name="submit" class="btn btn-success disabled" id="button">Submit</button>
</label>

<script type="text/javascript">
    function activateButton() {
        "use strict";

        var input = document.getElementById("input").val();
        if (input == "activate") {
            document.getElementById("button").className = "btn btn-success active";
        }

    }
</script>

这当然是在 html 标记内，所以我想获得一些关于如何解决这个问题的指示，因为我当前的设置似乎不起作用。谢谢!

Answer 1

在您的代码中 document.getElementById("input").val(); 应该是 document.getElementById("input").value;

既然你也在 jquery 中标记了问题..

 function activateButton() {
        "use strict";

        var input =$("#input").val();
        if (input == "activate") {
            $("#button").toggleClass("btn btn-success active");
        }

    }

添加(用户询问的额外信息):

$("input").keyup(function(){
        var d=$(this).val();
        var res = d.test(/your-regex-here/);
        if(res)
        {
              //enable button here
        }
        else
        {
              //disable button here
        }
    });