如何在按钮单击时同时运行表单操作和单击事件

Question

I am having a form like this

<form name="test" action="action.php" method="get">
<input type="text" />

<input type="button" value="download"/></form>

I need a click event for download button. Eg. If i click download it should submit as action.php and run $('#button').click(function(){ also. How can I do it.

Answer 1

Perform the operation on 'download' button click then trigger the form submit using trigger

$('.download').click(function(e){
alert('downloading!')             //Your Download Logic HERE
$(this).parent().trigger('submit')//Trigger Form SUBMIT ONCE THE OPERATION IS DONE

})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form name="test" action="action.php" method="get">
<input type="text" />
<input type="button" value="download" class="download"></form>

</div>