javascript - 提交按钮中的 jquery click()

Question

我在表单的提交按钮上有一个 .click() 函数:

$("#submitId").click(function () {
    $('#hiddenInput').val(someVariable);
});

它就像一个魅力。单击提交按钮时，click() 函数填充隐藏的输入变量，然后提交整个表单。然后，服务器接收带有刷新内容的隐藏输入。

我的问题是:它会一直有效吗？是否有任何危险，由于某种我还不知道的原因，先执行提交操作然后再执行 click() 函数？我想确保隐藏的输入始终得到刷新。

Answer 1

使用表单时，始终建议让提交按钮完成它的工作:触发表单的提交事件 ...这是什么意思。然后，您将监听 form 上的 submit 事件，而不是 submit 按钮上的 click 事件。

您可以使用 event.preventDefault() 来阻止默认提交表单，以便您可以做一些内务处理，然后您可以提交表单。

$("#submitId").closest('form').on('submit', function(event) {
    event.preventDefault();
    $('#hiddenInput').val(someVariable); //perform some operations
    this.submit(); //now submit the form
});

或者简单地说，

$('form').on('submit', function(event) {
    event.preventDefault();
    $('#hiddenInput').val(someVariable); //perform some operations
    this.submit(); //now submit the form
});