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以删除dataSubmitted调用，如下所示：

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

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

1 个答案: