Javascript函数应该在表单提交后运行，但未完成

Question

在我的HTML表单中，我像这样调用Javascript函数：

<form method="get" onsubmit="dataSubmitted()">
   <input type="text" name="data" id="data_form">
</form>     

这是我的JS函数的开始：

function dataSubmitted(){
    alert('first');
    let input = document.getElementById('data_form').value;
    alert('second');
    let fs = require('fs');
    alert('third');

当我刷新页面时，我收到"第一个"和"第二个"警报(此代码甚至不应该运行(。当我在表单中提交内容时，我会收到"第一个"和"第二个"警报，然后页面刷新，之后"第一个"和"第二个"警报再次出现。"第三个"警报永远不会显示。为什么会这样？

Answer 1

你在 DOM 加载时调用函数，更改你的 html 以删除 dataSubmit 调用，如下所示：

<form method="get" onsubmit="dataSubmitted">
   <input type="text" name="data" id="data_form">
</form>