Question

如果我将其仅放置在表单下方的一个div处，则此代码有效，但是当我将其放置在名为main.js的外部js上时，表单不会将数据提交到我的API。我想念的是什么？外部js在标头部分引用。抱歉，但是我尝试过复制粘贴代码，但编辑器不允许我这样做，它表示格式存在错误

Answer 1

我们需要知道您如何链接外部文件，“不提交”是什么意思，您是否收到任何错误消息？

云是因为您的脚本是在#signupForm元素甚至在DOM中存在之前就呈现的。

您可以尝试的是将外部js放在结束body标签之前，而不是将其链接到<head>部分中。

此外，在执行脚本之前，请确保已完全加载DOM。

在您的main.js文件中：

  document.addEventListener('DOMContentLoaded', function() {
     //YOUR CODE HERE...
  });

Answer 2

事实证明，在开头包含外部js文件是问题所在。因为我现在将其包含在signup.html的末尾，并且可以正常工作。我认为这与@Toxnyc所说的有关，即，当提交事件侦听器启动时，DOM没有完全加载。