HTML如何在单击“提交”时预处理文本

Question

我有一个使用get作为其方法的形式。 结构看起来像这样：

<form class="form-download" method="get" id="download" action="dest.php">
<h1 class="form-download-heading">Process</h1>
<input type="text" name="destid" id="destid" size="40" placeholder="Input" />
<input class="btn btn-primary" type="submit" name="type" id="type" value="Download" />
</form>

问题是当我单击“提交”按钮时，但在其他任何操作之前（即在进入URL栏之前），我希望处理字段destid的内容。

我已经看到许多示例，这些示例在使用GET方法时根本不这样做，所以我想知道如何解决此问题。

Answer 1

您可以在表单中包含onsubmit事件，如下所示：

<form class="form-download" method="get" id="download" onsubmit="myFunction()" action="dest.php">

onsubmit事件将在action之前触发。

这样，当你点击提交按钮，您可以处理字段的内容destid先天下之忧。