JavaScript 在表单提交到 Perl 脚本之前清除提交时的表单字段

Question

我们有一个很长的表单，其中包含许多字段和 2 个不同的提交按钮。当用户单击第一个提交按钮(“照片搜索”)时，表单应该 POST 并且我们的脚本将根据用户在第一个提交按钮旁边的文本输入(“photo_search_text”)中输入的内容搜索匹配的照片，并且重新加载整个表格，并将匹配的照片添加到表格中。单击表单末尾的第二个提交按钮(“保存更改”)后，它应该 POST 并且我们的脚本应该使用用户在表单中输入的信息更新数据库。

不幸的是，表单的布局使其无法将其分成 2 个单独的表单。我检查了整个 POST 表单，不幸的是，无论单击哪个提交按钮，提交的字段都与处理表单提交的 perl 脚本相同，因此 perl 脚本无法根据按下的提交按钮区分要执行的操作。我唯一能想到的是更新第二个提交按钮的 onclick 操作，以便在提交表单之前清除“photo_search_text”字段，然后仅在该字段有值时才执行照片搜索。

基于所有这些，我的问题是，当有人点击第二个提交按钮时，JavaScript 看起来会清除“photo_search_text”字段吗？到目前为止，这是我尝试过的方法，但都没有成功:

<input type="submit" 
       name="submit" 
       onclick="document.update-form.photo_search_text.value='';" 
       value="Save Changes"
>

<input type="submit" 
       name="submit" 
       onsubmit="document.update-form.photo_search_text.value='';" 
       value="Save Changes"
>

<input type="submit" 
       name="submit" 
       onclick="document.getElementById('photo_search_text')='';" 
       value="Save Changes"
>

我们还在网站上使用 JQuery，因此如果有办法使用 jQuery 而不是纯 JavaScript 来执行此操作，请随时提供示例代码。最后，如果有另一种方法来处理这个我没有想到的任何和所有建议都将受到欢迎。

预先感谢您的帮助!

Answer 1

如果您为输入提供这样的 ID:

<input ID="nosearch" type="submit" name="submit" value="Save Changes">

你可以通过 jQuery 更容易地做到这一点，就像这样:

$(function() {
  $("#nosearch").click(function() {
    $("#photo_search_text").val("");
  });
});