javascript - JS - setAttribute() 不起作用

Question

            <form id="register-form">
              <div class="form-group">
                <label for="name">Name</label>
                <input type="text" class="form-control" id="name" placeholder="Enter user name" />
              </div>

              <div class="form-group">
                <label for="dof">Date of Birth</label>
                <input type="date" class="form-control" id="dof" onchange="return enableSave(event);" placeholder="mm/dd/yyyy" />
              </div>

              <button id="save-button" class="btn btn-primary pull-right" onclick="save(event);">Save</button>
            </form>


<script type="text/javascript">

var savebutton = document.getElementById('save-button');
savebutton.setAttribute('disabled', 'disabled');

function enableSave() {
    var n = document.getElementById('name').value;
    var d = document.getElementById('dof').value;
    if(n && d) {
        savebutton.setAttribute('enabled', 'enabled');
    }
};

</script>

我的函数enableSave()没有将SAVE按钮的属性设置为“启用”。

我不明白为什么。

非常感谢!!!

Answer 1

从 onchange=return enableSave(event); 中删除 return 并改为 savebutton.setAttribute('enabled', 'enabled'); 使用 savebutton.removeAttribute('disabled');

更新:这是一个工作Plunkr