点击submit按钮后，是否有2秒钟的选项，显示警报，然后完成表单请求？
答案：是的，可以通过前端开发技术实现点击submit按钮后的2秒钟选项显示警报，并在完成表单请求后关闭警报。具体实现方式如下：
- 前端开发：使用HTML、CSS和JavaScript等技术进行前端开发。
- 表单提交事件：在submit按钮的点击事件中，添加表单提交事件的监听器。
- 显示警报：在表单提交事件的处理函数中，使用JavaScript的定时器函数setTimeout()来延迟2秒钟，然后显示警报信息。可以使用浮层、弹窗或者提示框等方式来展示警报信息。
- 完成表单请求：在延迟2秒后，使用JavaScript的XMLHttpRequest或者fetch等技术发送表单请求，并处理服务器返回的响应结果。
- 关闭警报：在表单请求完成后，根据服务器返回的响应结果，可以选择关闭警报或者显示相应的成功或失败信息。
这样，当用户点击submit按钮后，会先显示2秒钟的警报，然后完成表单请求，并根据服务器返回的结果进行相应的处理。这种方式可以提升用户体验，让用户清楚地知道表单提交的状态和结果。
腾讯云相关产品推荐：
相关·内容
我有代码 <form id="myForm" method="POST" novalidate=""><button type="submit">Complete</button>
</form> 我想显示一个类似“<e
浏览 35提问于2021-08-26得票数 1
回答已采纳
比如说，我有一个页面添加了一个新的托运件(add.php)。在填写详细信息并单击表单中的"submit“按钮时，会触发addshipment.php，该按钮包含将新发货添加到sql表中的代码。add=success");
因此，add.php页面将重新加载带有警告框的URL "add.php?add=success"，该框将说明数据已成功插入。该警报框通过页面底部的</
浏览 1提问于2015-08-01得票数 0
回答已采纳
1回答
我的django应用程序有4个按钮，每个按钮单击该按钮就会打开一个弹出表单。填充弹出表单后，我的按钮应该有正确的标记，这样用户就可以知道它已经完成了。在这四个按钮下面，我有提交按钮，它将所有这些表单细节发布到数据库中。
我可以做一个弹出模式在引导。但是我希望这个按钮在完成弹出
浏览 0提问于2018-02-16得票数 0
能不能查出是否因为onclick事件被引发而引发了onsubmit事件？例如，当点击一个<input type="submit" />时，onclick事件被引发，然后onsubmit事件被触发。然而，有时候表单没有被提交，也就是onsubmit没有被抛出。重现的步骤(表单是ajax表单，它会自动刷新，在IE10上测试)：2) aj
浏览 1提问于2013-02-03得票数 0
2回答
我有一个按钮和2个链接，这是一个ajax请求。如果通过按钮调用的请求已经完成，我希望显示警告。但是如果我点击某个链接，我就不想显示警报了。这是我的密码：<button id="ajax">Ajax</button>
浏览 1提问于2015-10-07得票数 1
回答已采纳
2回答
提交表单时在浏览器中显示加载
、、、、
现在表单中有一个提交按钮，我们想要的是-在加载图标消失之前，该表单不应该被提交。到目前为止，我已经做了这件事。我使用了防止默认-如果用户在AJAX完成其工作之前点击提交按钮，加载图标消失，并且在AJAX完成其工作后，表单被提交。但现在的问题是，如果我点击提交-因为防止默认不会在浏览器标签中显示加载图标(因此用户可能认为表单提交按钮</em
浏览 1提问于2015-09-23得票数 1
我正在使用这个表单插件来执行内联ajax验证和表单验证"ajaxstudentsubmitbutton').click(function(){ 现在我的问题是，我如何看到内联ajax验证是在<em
浏览 1提问于2010-11-17得票数 2
1回答
我有以下问题。表单需要提交和验证，此表单在服务器上被请求，并在用户单击按钮时返回一个PartialView。当我在函数中添加警报时，每次单击Submit键时都会再次收到警报。所以基本上，如果我点击了4次，第五次点击我会收到5个警报..... $("form").<
浏览 1提问于2013-03-13得票数 0
回答已采纳
我有一个搜索表单()，它使用一些javascript来检查(至少是一个字段)是否已经完成，然后才允许进行搜索。 $(function(){
$('#detailed-search-formi
浏览 2提问于2012-08-23得票数 0
回答已采纳
在用户提交表单后，我试图在同一屏幕上显示所选项目。问题是，当我对按钮使用type=“按钮”而不是type=“提交”时，就不会检查所需的属性。是否有一种方法可以在表单提交后显示选定的项，并使用JavaScript检查所需的属性？
假设在不检查任何单选按钮的情况下按submit按钮
浏览 7提问于2022-05-19得票数 0
回答已采纳
所以我有这个简单的形式：
<form action="includes/process.php" method="post" name="standard_use" id="standard_use"type="file" id="upload_file" name="filename" style="float:left;width:70%;" size="42"/>
浏览 2提问于2011-08-04得票数 0
回答已采纳
3回答
PHP -发送重复数据
、、、
我有一个PHP表单，它在jQuery的帮助下发送数据。每当我单击"submit“时，就会看到它发送了两次数据，这导致了双数据库条目等等。此外，我仍在研究如何显示“错误”和try/catch块中的异常。谢谢你的帮助。</div> </div>
浏览 8提问于2015-11-03得票数 0
1回答
验证表单数据
、、、
我有一个已经被jquery.validate.min.js验证过的表单，我想要的是另一个验证方法，ajax调用mysql来检查电子邮件地址是否已经在我的DB中。如何合并验证？我的表格：$('document').ready(function() { $('#email').on('blur', functionemai
浏览 1提问于2018-02-14得票数 0
回答已采纳
我有一个HTML表单，在用一些javascript更改操作后提交。两个不同的按钮可以完成提交。<form name='FormSelec
浏览 0提问于2013-05-01得票数 0
我正在尝试找出是否有可能绕过表单/ DocuSign的显示，并将表单提交按钮附加到DocuSign UI上的"Sign“选项卡操作。以下是我们提出的流程：2)如果客户已向DocuSign注册，则会自动对表单<
浏览 3提问于2015-08-29得票数 0
1回答
是否有可能延迟在网页上调用卸载方法的时刻？我有N页，每一页都包含一个表单。我不希望用户点击提交按钮，所以我模拟了通过javascript点击隐藏提交按钮。每当用户更改页面时，都会激活此选项： document.getElementById('submit_id').click}
这不起作用，但是如
浏览 2提问于2013-08-30得票数 0
回答已采纳
<input type="submit" name="upload_photo" id="upload_photo" />我有一个上传文件的php脚本，但我注意到，每当我上传一个较大的文件时在用户单击submit后，我希望submit按钮被替换为一条消息。因此，在用户单击submit按钮后
浏览 1提问于2012-07-02得票数 1
4回答
为什么我的表单提交了两次？
、、、、
因此，出于某种原因，我的表单只需按一次按钮就可以提交两次。这是我第一次使用jquery表单插件，我想象jquery只提交一次，表单也“自然”提交一次。我已经看到，补救方法是将"return false“附加到表单的onSubmit事件处理程序。我认为我正在做这件事，但很明显它不起作用。<!" name="formSubmit" value="submit">Cl
浏览 2提问于2012-02-16得票数 9
回答已采纳
我似乎忽略了jquery的一些基本概念，因为这个脚本不会完成我希望它做的事情：event.preventDefault()；如果我马上把它放进第二行不过，会管用的。ajax调用有效，我得到了一个积极的结果。似
浏览 6提问于2016-08-21得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
