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

时间:2016-03-03 17:09:53

标签: forms button material-design-lite

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

2^-20 + 2^-17

}

1 个答案:

答案 0 :(得分:2)

<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>