javascript - 提交后让表单暂停？

Question

已关闭。此问题不符合 Stack Overflow guidelines 。目前不接受答案。

---

要求提供代码的问题必须表现出对所解决问题的最低限度的了解。包括尝试的解决方案、为什么它们不起作用以及预期结果。另请参阅:Stack Overflow question checklist

已关闭 9 年前。

Improve this question

我正在尝试设计一个登录表单，让我们这样说:

<form action="target.php" method="POST">
Username: <input type="text" name="user" id="user" /><br /><br />
Password: <input type="password" name="pass" id="pass" /><br /><br />
<input type="submit" value="submit" id="submit" />
</from>

我想做的是让表单在用户点击提交时显示一些 pic.gif 3 秒，然后继续我不希望它直接启动下一个进程。

Answer 1

最初将图像设置为“display:none”样式，然后修改表单声明以处理“onsubmit”事件:

<form action="target.php" method="POST" onsubmit = "mySubmit(this)">

然后定义函数:

function mySubmit(frm) {
    document.getElementById("myImg").style.display = 'block';
    setTimeout(function() {frm.submit()}, 3000);
    return false;
}

它将显示您的图像并取消原始提交请求。但 3 秒后它将通过代码提交表单。