javascript - 选择事件顺序，以便 onchange 事件在提交之前触发

Question

我有一个包含各种字段的表单，其中一些具有 onchange 或 onblur ajax 方法。有时，这些方法会更新表单中的其他字段。因此，例如，当您更改“平均值”或“标准差”字段时，“上限”和“下限”的其他字段将自动更新。这可能需要访问服务器，具体取决于限制的计算方式。

问题是，用户可以在进行其中一项更改后立即单击“提交”按钮，在这种情况下，onchange 和 Submit 事件都会由单击触发。然后，更新应该更改的字段的 ajax 方法与可能提交字段旧值的 Submit 之间存在竞争。

如何确保在 onchange 方法完成后始终触发 Submit？谢谢。

Answer 1

您可以跟踪是否有未完成的 ajax 请求，如果有，您可以阻止 submit 事件的默认操作，而是设置一个用户尝试提交表单的标志。当最后一个未完成的 ajax 请求完成时，如果仍然适合提交表单，则可以通过编程方式执行此操作。如果没有，请告诉用户为什么没有。