javascript - 在表单发布上调用 Javascript 以通过 jQuery 更新 UI

Question

我有一个提交表单的输入元素:

<input type="submit" value="Download" id="downloadButton" class="btn-download" />

我需要按钮来调用 JavaScript 函数，然后正常发布表单。

这在 jQuery 中是如何完成的？

Answer 1

$('#downloadButton').on('click', function (e) {
    e.preventDefault();
    //call your function here
    $(this).parents('form').submit();
});

preventDefault() 调用很重要，因为它会停止表单的提交，因此您可以在最后调用表单提交之前调用您的函数。