javascript - 向提交按钮添加点击事件，然后提交表单

Question

我有一个带有提交按钮的表单。我已使用 JQuery 将点击事件附加到该提交按钮。执行此操作后，我的表单未提交，我认为这是因为我添加的事件 - 如果我删除该点击事件，它会成功提交表单。

我曾尝试为我的表单提供一个 ID 并调用提交函数，但这也没有成功。我能做什么？

$('#submit_gen').click(function() {

  $('#genbtn').html('<img src="images/ajax-loader.gif" alt="loading" />');

  $('#action_form').submit(); 

});

HTML:

<form id="action_form" action="generate.php" method="post" enctype="multipart/form-data"> 

<input id="file_upload" type="file" name="upload" onchange="file_select();"/>

<input type="text" id="overlay_input">

<div id="genbtn" class="genbtn">
<input id="submit_gen" type="submit" value="Upload">
</div>

</form>

谢谢大家

Answer 1

我认为更好的方法是将您的自定义代码绑定(bind)到表单提交本身，只需将您的代码替换为:

$('#action_form').submit(function() {
  $('#genbtn').html('<img src="images/ajax-loader.gif" alt="loading" />');
});