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>

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

我见过很多在使用GET方法时根本不这样做的例子，所以我想知道如何解决这个问题。

Answer 1

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

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

onsubmit事件将在action之前触发。

这样，当您点击提交按钮时，您可以先处理字段destid的内容。