首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >在div中加载多个表单,但当我单击提交时,每个表单都会消失

在div中加载多个表单,但当我单击提交时,每个表单都会消失
EN

Stack Overflow用户
提问于 2012-06-14 09:14:42
回答 1查看 150关注 0票数 0

我有一个索引页,我正在通过点击链接在该页面的div中加载几个页面,其中一些是表单(页面)。当我单击提交时,信息被正确处理并存储在数据库中,但是页面消失了,因此我看不到一些有用的信息,比如表单验证后生成的错误。我希望页面不应该在加载后消失。只有当我点击该页面的链接时,该页面才能在同一个div中显示。

我用的是php,javascript,jquery,MySqL。

有什么帮助吗??

EN

回答 1

Stack Overflow用户

发布于 2012-06-14 09:17:55

这是表单提交的默认行为。如果我没记错的话,您需要防止表单提交回调中默认行为。如果考虑表单的id为formID,则可以这样做

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$('#formID').submit(function(e){
   //prevent default Behaviour
   e.preventDefault();

});

在这种情况下,您必须使用$.ajax将表单数据提交到服务器,而无需重新加载页面。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11030036

复制
相关文章
表单提交原理_防止表单重复提交
<form>标签的属性enctype设置以何种编码方式提交表单数据。可选的值有三个:
全栈程序员站长
2022/11/08
5.5K0
表单提交
在html中经常用到<form>标签。而我们在使用过程会经常这样用<input name=”sub” type=”submit” value=”提交” /> 也就是说当我们点击提交的时候会执行<form action=”file.php” method=”get” id=”se” name=”se”>action的动作(例子是提交到file.php页面)方法是get。 当没有提交按钮时而是用一个热图加onclick属性来完成,我们可以这样用 <form id=”search” name=”search”
苦咖啡
2018/05/07
4.5K0
vue的form表单提交_axios提交表单
利用v-model能比较便捷地上传用户信息的数据,不用一个个参数地拼接。直接在data根据要传的字段定义一个对象,
全栈程序员站长
2022/11/10
6.7K0
js form表单提交(jsp form表单提交方式)
最近工作比较忙,着急上线,写个简单的东西吧 url为你要提交的地址 params 为你提交的参数
全栈程序员站长
2022/07/30
14.8K0
javascript表单提交的内容显示在表格中
实现三个文本域的内容提交之后显示在表格中,代码直接用文本文件运行,记得后缀改为.html 运行结果
别团等shy哥发育
2023/02/27
7.5K0
javascript表单提交的内容显示在表格中
html表单提交
1、只能为input、textarea、select三类类型的标签。只有这些标签用户才可能修改值,<label>、<p>、<font>等标签仅供显示用,没有提交到服务器的必要。当input=submit的时候,只有被点击的按钮的value才会被提交;
tandaxia
2018/09/27
5.4K0
django表单提交
HTML表单是网站交互性的经典方式。 本章将介绍如何用Django对用户提交的表单数据进行处理。
py3study
2018/08/03
4K0
回车提交表单
我们在页面开发中经常会写一些表单,但身为一个懒人,肯定是懒得点提交按钮的,我一般直接按回车提交
阿超
2022/08/17
4K0
异步提交表单_js异步提交表单并回调
所谓异步提交表单,就是不再使用表单的提交按钮实现表单的提交功能,而是通过Ajax异步交互方式实现表单提交。具体实现步骤如下:
全栈程序员站长
2022/11/17
11.8K0
异步提交表单_js异步提交表单并回调
java表单提交方法_表单提交的几种方式[通俗易懂]
说明:用户提交按钮或图像按钮时,就会提交表单。使用或都可以定义提交按钮,只要将其特性的值设置为“submit”即可,而图像按钮则是通过的type特性值设置为”image”来定义的。因此,只要我们单击一下代码生成的按钮,就可以提交表单。
全栈程序员站长
2022/09/30
5.1K0
JavaScript表单提交
表单提交在前端编程阶段中也是一个重点。它是由页面数据保存到后台数据库的重要枢纽,通过表单提交的方式将数据上传到数据库进行保存。同时这些数据也包含用户信息、统计信息、日志信息等等。 数据的信息不同,上传的方式也不同。在JavaScript中有四种种表单提交的方式: 一、 Form表单手动提交(get与post) 在没有任何Js代码的影响下,Form表单本身是自带提交功能的。在form元素标签上有两个属性: (1) action:设置表单提交的路径(URL) (2) method:设置表单提交的方式 表单提交的路径分为两种: (1) 相对路径:指站点内的文件,就是本地文件。 (2) 绝对路径:指其它站点,就比如从本站点到百度。 设置表单提交方式属性的值有两种:get提交和post提交。如果method不指名提交方式则默认为get提交。 这两种提交方式需要分别对应不同情况使用: (1) 相对于post提交而言,get提交更简单也更快,但是传输的容量小,在提交表单时,所有的信息都会暴露在url上,并不安全,通常用来获取数据。 (2) post提交方式能够传输的容量基本上是无穷的,而且提交的数据直接在后台进行处理,保证了数据的安全性,而且在更新数据传输大量数据、传输音频图片或者特殊符号等情况时,就只能使用post,而非get。 通常情况下,我们会取消Form表单的自动提交功能,通过一个onsubmit属性赋值为return false。
全栈程序员站长
2022/11/08
5K0
JavaScript表单提交
提交表单时input字段非空验证
需求,当提交表单的时候,如果要验证的字段为空,则弹出提示框提示请完善表单信息,并且 return;不执行下一步。
王小婷
2019/08/07
3K0
python表单提交
python写爬虫模拟表单提交的库其实有很多,我使用的是Requests库进行简单的表单提交。
py3study
2020/01/07
4.7K0
layui表单提交参数如何传递_HTML中form表单数据提交方式
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
全栈程序员站长
2022/11/08
3.3K0
表单提交步骤
1.项目名称exam,先创建javaweb,然后创建一个包:tzzy1902320136 2.创建一个表格
花狗Fdog
2021/01/06
1.5K0
Vue 提交表单
axios默认提交格式;传递到后台的将是序列化后的json字符串,格式为JSON格式
全栈程序员站长
2022/11/08
2.2K0
from表单提交在新窗口打开
<form action=”URL”  method=”post”  target=”_blank” >
kirin
2021/03/01
2.4K0
怎样在textarea中按Ctrl+回车提交表单?
<script   language="JavaScript">     function   KeyDown(){     if(!(event.shiftKey||event.altKey)&&event.keyCode==13&&event.ctrlKey)  {     document.GroupSendForm.submit();     }     }     </script>     <form   name="GroupSendForm"   method="post">         <textarea   name="OtherPhone"   rows="15"   onKeyDown="return   KeyDown();"></textarea>         <input   type="submit"   name="Submit"   value="提交">     </form>  
Tony老师
2020/03/05
1.7K0
layui表单提交数据_vue表单值无变化不让提交
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
全栈程序员站长
2022/11/08
1.8K0
node表单提交POST提交
前几天给大家介绍了使用node的提交(get)获取到表单提交的内容,get提交的参数查询部分(query)可以获得到,由于get提交的内容在url显示,而post提交处理机制,为了保障安全性不显示在url中,下面案例介绍下post提交案例!
十月梦想
2018/08/29
4.4K0

相似问题

每次单击按钮时都会提交表单。

12

使用Javascript在表单中填充值,但单击后所有值都会消失

20

当我单击textarea时,它会提交表单。

21

如何使表单在单击提交时消失?

22

ajax在表单提交时加载隐藏div

30
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文