javascript - 函数仅在通过 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>