Question

我试图根据用户的输入将按钮的状态（使用Bootstrap）从活动状态更改为非活动状态。在更大的图片中，我试图想出一种直观的方法来测试表单的输入，这样一旦每个字段都有效，就可以按下提交按钮进行服务器端的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");
        }

    }

ADDITION（用户提出的额外信息）：

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

JavaScript / jQuery类修改

1 个答案: