javascript - 单击按钮即可在JS函数中获取文本框输入值

我试图通过单击按钮在JS函数中获取文本框输入。由于某种原因，我的console.log不显示文本框输入。我该如何完成？

Index.php：

  <input placeholder="Name" type='text' name='username' id='username'  maxlength="50" />
  <input placeholder="Password" type='password' name='password' id='password' maxlength="50" />
  <button id="testAJAX" onclick="Utilities.loadSavedGames()">Load Game</button>

js / utilties.js

var Utilities = {
    loadSavedGames : function () {

    var username = document.getElementById('username').value,
        password = document.getElementById('password').value;
    console.log(username + ", " + password); //null, blank

最佳答案

可能在同一页面上有具有重复ID的元素。
在浏览器控制台中尝试以下代码：$('[id=username]').length和$('[id=password]').length。如果计数> 1，则您有多个具有相同ID的元素。