如何根据Material Design Lite中的表单内容启用/禁用提交按钮？

Question

我有一个登录表单的提交按钮，默认情况下已禁用。我想在用户输入有效的用户名/密码时启用它。有很多使用AngularJS，JQuery和其他基础架构的例子，但我想知道一个干净的方法来使用Material Design Lite。我目前的代码是：

2^-20 + 2^-17

}

Answer 1

<button id='loginBtn' className="mdl-button mdl-button--raised mdl-button--colored mdl-js-ripple-effect" type="submit" name="login" disabled>Login</button>

<script>
    function Enable() {
        var loginBtn = document.getElementById('loginBtn');
        loginBtn.removeAttribute("disabled");
        componentHandler.upgradeElement(loginBtn);
    }

    function Disable() {
        var loginBtn = document.getElementById('loginBtn');
        loginBtn.setAttribute("disabled","");
        componentHandler.upgradeElement(loginBtn);
    }
</script>