form表单submit提交无反应

已于 2022-10-23 10:10:07 修改
阅读量243 收藏
点赞数
文章标签： html servlet javascript
于 2022-10-23 10:08:08 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/y1120944224/article/details/127471280
版权

今天在web中提交form表单时遇到了问题，点击提交没有反应，不跳转页面，情况如图所示，翻阅资料，找出了问题，进行修改。

情况如上图，点击提交按钮没反应，无法跳转页面

 之后进行查找，提交按钮必须放到<form></form>中间，才可以

 

 

 提交成功

谦谦菜鸟
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
浅谈layui 绑定form submit提交表单的注意事项
10-16
今天小编就为大家分享一篇浅谈layui 绑定form submit提交表单的注意事项，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
如何不使用submit按钮来提交表单
哈尼熊熊的博客
03-16 6122
提交表单一般使用Form对象中的submit按钮，但是在很多场合用其他方法提交却显得更为简捷，如选中单选项，选择下拉列表元素等。 只要在相应的元素的事件中加入下面这条事件处理代码即可实现提交。 document.formName.submit(); 或： document.forms[index].submit(); 上表这两条语句调用了表单对象的submit()方法，等效于按submit按
form表单submit提交后台无反应、前端不报错
热门推荐
qq_25260079的博客
09-06 3万+
form表单submit提交后台无反应、前端不报错
html form 表单 submit 提交数据没有反应
weixin_44414639的博客
06-05 2314
检查一下是不是form 写成了from <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单标签</title> </head> <body> <form action = "#" method = "get"> 用户名：<input name="username"&gt.
阻止form表单submit提交
东天里的冬天
06-13 1万+
近日在做项目的时候部分需要用到表单验证，原本想用插件进行验证的，结果发现只需要验证一个地方，就想自己用js写一下，过程中发现一个问题，在验证错误的时候需要点击submit时无法提交，这边就这个问题进行说明一下。 功能说明： 1.为空时，提交的时候会进行提示且无法提交。 2.名字长度不符时，失去焦点时会提示。 3.会检测后台数据库，看相册命名是否重复。 4.以上提示在提交表单时如果不符
html——form表单提交方法submit和button
zhangyuliang6430的博客
07-15 3万+
form表单提交方法 1、type=“submit” <form name="form" method="post" action="#"> <input type="submit" name="submit" value="提交"> </form> 2、type=“image” <form name="form" method="post" ac...
表单Form的submit事件不响应
01-19
当用JS调用form的方法submit直接提交form的时候，submit事件不响应。为什么？知道的请回复。类比一下，我用input.select()做了测试，却能响应select事件。这个原因先放一边，我们看看先怎么把眼下的问题解决了。不...
表单Form的submit事件不响应的解决方法
12-10
虽然用submit方法来提交表单有违Unobtrustive Javascript的原则，但有时候不得不用，比如做搜索提示（auto-complete)选中Item之后就需要用JS来提交搜索表单。 二、问题分析 既然本身不响应事件，那只有手工触发这些...
form.submit()不能提交表单的错误原因及解决方法
09-04
button的id不要设置为submit,否则可能会引起混淆，导致表单的submit()方法不能提交表单
这是一个简单的照明材料网站，后续还会更新
m0_64180190的博客
04-29 1914
产品中心|联系方式|新闻动态网页首页|产品中心|联系方式|新闻动态
高德地图+HTML+点击事件+自定心信息窗体
pursue.dreams的博客
04-30 367
【代码】高德地图+HTML+点击事件+自定心信息窗体。
用html画一个四叶草
liulang68的博客
04-20 1951
以上是部分代码，需要请看主页加联系方式。
html中引用视频文件的方式有哪些？
2301_79698214的博客
04-30 284
需要注意的是，以上方法中的视频文件路径可以是相对路径或绝对路径，具体取决于视频文件的位置。另外，不同的浏览器和设备对于视频文件的支持可能有所不同，因此可以通过添加兼容性的代码来处理不支持视频播放的情况。
在HTML中使用JavaScript实时显示当前日期和时间（结尾完整例程）
weixin_67244432的博客
04-29 605
在Web开发中，经常需要在网页上显示当前的日期和时间。HTML本身并不具备这样的动态功能，但我们可以借助JavaScript来实现。JavaScript是一种常用的前端脚本语言，它可以轻松地获取系统时间，并将其插入到HTML元素中。现在，当您打开这个HTML页面时，它将实时显示当前的日期和时间，并且每秒都会自动更新。的JavaScript文件，并编写用于获取和格式化当前日期时间的函数。首先，我们创建一个HTML文件，并在其中添加一个用于显示日期和时间的。函数，以便实时更新显示的日期时间。
HTML_CSS学习:CSSLearning
m0_74972727的博客
05-01 334
【代码】HTML_CSS学习:CSSLearning。
HTML_CSS学习：常用文本属性
m0_74972727的博客
05-03 385
【代码】HTML_CSS学习：常用文本属性。
基于php+mysql+html简单图书管理系统
最新发布
Timi2019的博客
05-03 379
系统实现 用户登陆、注册账号、浏览图书信息、添加图书信息、修改图书信息、删除图书信息、退出系统等。环境：vscode/phpstudy,mysql8 ,php7以上。
form表单submit提交两次
09-09
form表单的submit提交两次，一般出现以下几种情况： 1. 用户误操作：当用户点击submit按钮时，可能会出现手误或者不确定是否点击成功的情况，导致多次点击。这种情况下，我们可以通过前端的JavaScript代码来处理，可以使用禁用按钮或者显示一个加载提示，以避免用户多次提交。 2. 网络延迟或错误：当用户点击submit按钮后，如果网络延迟或者出现错误，可能会导致表单提交失败或者提交超时。在这种情况下，用户可能会继续点击按钮，试图重新提交表单。解决这个问题的办法可以是在提交表单时给出一个加载提示，并设置一个合理的超时时间，防止用户多次提交。 3. 表单重复提交：在某些情况下，当用户提交表单后，可能会出现表单页面的刷新或者重定向，导致表单提交的数据被重复提交。这可能是由于页面的设计或者服务器的设置问题造成的。为了避免这种情况，我们可以在表单提交后，对表单页面进行跳转或者重新加载，以防止重复提交。 总之，form表单的submit提交两次可能是由于用户误操作、网络延迟或错误以及表单重复提交等原因导致的。为了避免这种情况的发生，我们可以通过前端的JavaScript代码来处理用户操作，设置合理的超时时间，并对表单页面进行跳转或者重新加载。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值