jquery - 如何监听提交事件。

Question

嗨，我想知道如何判断事件是否在 2.5 秒内触发。

这是其他开发人员编写的外部函数。

function validateAndSubmit() { 
    if (validateRule(document.getElementById("inputElem").value) {
        document.form.submit;
    } else {
        alert ("Value is wrong");
    }
} 

<input type="button" onclick="validateAndSubmit();" id="updatePage"/>

我有一个 jquery 监听器。

 $("#updatePage").click(function() {
      popupWaitingDialog();
      setTimeout(function() {
            // insert code to see if submit was fire causing page to load or unload. 
            hideWaitingDialog();
      }, 2500); 
 });

我有一个等待对话框显示，如果验证失败，我希望能够隐藏它。我知道验证是否失败的唯一方法是提交或重新加载事件是否触发。

Answer 1

在提交函数中添加弹窗：

function validateAndSubmit() { 
    if (validateRule(document.getElementById("inputElem").value) {
        popup WaitingDialog();
        document.form.submit();
    } else {
        alert ("Value is wrong");
    }
} 

然后，您可以删除click处理程序。或者，您可以保留click处理程序并在那里添加验证代码检查：

$("#updatePage").click(function() {
    popupWaitingDialog();
    validateAndSubmit(); // Doesn't return unless validation fails
    hideWaitingDialog();
});