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