該功能僅在通過Chrome控制台調用時有效

Question

我有一個JavaScript函數，該函數應該在單擊HTML按鈕時執行。 表單的HTML是

<form id="inputData">
   Email:<br>
   <input id="email" type="email" name="email"><br>
   Username:<br>
   <input id="username" type="text" name="username"><br>
   Password:<br>
   <input id="password" type="password" name="password"><br>
   <input id="submit" type="submit" value="submit" onClick="getData()">
</form>

相關的js代碼是

<script type="text/javascript">
function getData() {
  var input = document.getElementById("inputData");
  var email = input[0].value;
  var user = input[1].value;
  var pass = input[2].value;
  sendData(user,email,pass)
}

function sendData(user,email,pass) {
  var fireRef = firebase.database().ref("users/" + user);
  fireRef.set({
    emailAddress: email,
    password: pass,
  });
}
</script>

在調試器模式下，單擊submit按鈕時將執行該函數，並且沒有錯誤，所有表單數據均已正確收集，但數據從未發送到Firebase數據庫。 但是，如果我通過控制台調用sendData函數並手動在參數中提供數據，則它會完美地工作。 誰能想到為什么會這樣？

Answer 1

onClick事件未觸發

嘗試

<form id="inputData" onsubmit="getData()">
   Email:<br>
   <input id="email" type="email" name="email"><br>
   Username:<br>
   <input id="username" type="text" name="username"><br>
   Password:<br>
   <input id="password" type="password" name="password"><br>
   <input id="submit" type="submit" value="submit">
</form>