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按钮的属性设置为“ enabled”。

我不理解为什么。

非常感谢！！！

Answer 1

从onchange=return enableSave(event);删除return onchange=return enableSave(event); 而不是savebutton.setAttribute('enabled', 'enabled'); 使用savebutton.removeAttribute('disabled');

更新：这是一个工作的Plunkr