开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >IE6利用Javascript进行表单提交遇到的问题

IE6利用Javascript进行表单提交遇到的问题

作者头像

大江小浪

发布于 2018-07-25 03:53:51

发布于 2018-07-25 03:53:51

7710

举报

文章被收录于专栏：小狼的世界小狼的世界

今天碰到了IE6下用Javascript提交表单页面不刷新的问题。

状况是这样的：利用一个超链接进行表单的提交<a href="javascript:void(0);" onclick="submitForm()">提交表单</a>

但是发现要插入的内容已经插入了，页面却不刷新，导致后续的根据提交后返回字符的操作没能够正确执行。

事实上，当单击这个链接到时候，Javascript已经发生并且进行了处理，只是submit()这个事件没有发生，这个情况在IE7里面已经被修正了。

其实A本来就不是用来干submit的活的，所以我们这样用，出了问题也应该理解。

解决这个问题只要把javascript:void(0)改成href="#"就可以了。

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2008-10-15 ，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

暂无评论

编辑精选文章

换一批

万字详解高可用架构设计

Go 开发者必备：Protocol Buffers 入门指南

10分钟带你彻底搞懂分布式链路跟踪

多租户的 4 种常用方案

亿级月活的社交 APP，陌陌如何做到 3 分钟定位故障？

60页PPT全解：DeepSeek系列论文技术要点整理

form实现表单提交的各种方法(表单提交源码)

java javascript jquery https 网络安全

这种方法实际上是调用了一个javascript函数，使用javacript函数来提交表单，方法就非常多非常灵活了，比如可以把它加入到任意一个标签的onclick事件中：

全栈程序员站长

2022/08/01

6.3K0

js中javascript:void(0)什么意思

void运算符通常仅用于获取未定义的原始值，通常使用“ void（0）”（等效于“ void 0”）。在这些情况下，可以改用undefined全局变量（假设尚未将其分配给非默认值）。

IT工作者

2022/01/15

3.5K0

javascript禁用链接跳转等默认动作

比如，有一个链接，你要在这个链接跳转前执行一些其他操作，显然，我们能想到给它添加一个单击（onclick）事件，然后执行其他的一些操作，但是你会发现，你所定义的单击事件里的操作并没有执行，而直接进行了页面跳转。那这样，我们就应该先要禁用它的链接，然后执行自定义的操作，再进行跳转或执行其他操作，那么，我们该如何禁用链接，禁用它的默认动作呢？这个问题，我们在开发中很少遇到，但遇到了也并不难处理。

Petrochor

2022/06/07

1.4K0

java表单提交方法_表单提交的几种方式[通俗易懂]

android https java 网络安全

说明：用户提交按钮或图像按钮时，就会提交表单。使用或都可以定义提交按钮，只要将其特性的值设置为“submit”即可，而图像按钮则是通过的type特性值设置为”image”来定义的。因此，只要我们单击一下代码生成的按钮，就可以提交表单。

全栈程序员站长

2022/09/30

5.8K0

form表单提交的几种方式

http html https java ajax

完成后启动项目并访问http://localhost:8080/query.html 输入用户名和密码

全栈程序员站长

2022/07/21

7.1K0

JavaScript表单提交

数据库 sql http json ajax

表单提交在前端编程阶段中也是一个重点。它是由页面数据保存到后台数据库的重要枢纽，通过表单提交的方式将数据上传到数据库进行保存。同时这些数据也包含用户信息、统计信息、日志信息等等。数据的信息不同，上传的方式也不同。在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

5.5K0

easyui表单提交验证form

javascript jquery

方式一，不需要考虑jquery.easyui.min.js版本 <script> $(function () { //针对设置 novalidate:true $('.validatebox-text').bind('blur', function () { $(this).validatebox('enableValidation').validatebox('validate');

纯粹是糖

2018/03/14

3.1K0

html+css+JavaScript例题

javascript html 存储表格分页

这个例题主要是做一个表格，一个存储学生资料的表格，能够完成以下功能：添加学生删除学生修改学生分页查询学生 html代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head>  <link rel="stylesheet" href="css/style_A.css" /> <!-- 引入

端碗吹水

2020/09/23

1.8K0

html+css+JavaScript例题

Jquery 实现表单提交按钮变灰，防止多次点击提交重复数据

javascript java html jquery 缓存

表单提交时候我们应该控制提交按钮，不能点击多次进行数据的重复提交。要不然就会有冗余的重复的数据在系统中，造成系统出现数据垃圾。jQuery很简单的就可以实现对表单提交按钮控制，下面就是相关的例子和代码。

全栈程序员站长

2022/06/29

4.5K0

关于表单重复提交问题

ajax asp ide html http

问题引入：当我们在做一个页面数据提交的时候，当我们连续点击提交按钮，因为快速连续点击，因为速度过快，页面还来不及反应，导致页面从复提交。。

小小许

2018/09/20

1.9K0

PHP-表单提交数据的两种方式

1.3 表单提交数据的两种方式 1.3.1 两种方式 1、get 2、post <form method="post" action=""></form> <form method="get" a

cwl_java

2020/03/26

2.2K0

防止Web表单重复提交的方法总结

在Web开发中，对于处理表单重复提交是经常要面对的事情。那么，存在哪些场景会导致表单重复提交呢？表单重复提交会带来什么问题？有哪些方法可以避免表单重复提交？

编程随笔

2019/09/11

5K0

防止Web表单重复提交的方法总结

Blazor-表单提交的艺术：如何优雅地实现（下）

表单模型数据 blazor model

静态 SSR 中，不能使用事件处理程序，所以要以 HTTP 的方式提交表单需要使用POST访问，并指定@formname,对应的表单接收类需要使用特性进行接收，其他方面与交互式SSR一致

MaybeHC

2025/06/08

340

Blazor-表单提交的艺术：如何优雅地实现（下）

点击超链接不跳转的方式[通俗易懂]

java javascript https 网络安全 jquery

1、<a href=”####” ></a>或<a href=”#all”></a>

全栈程序员站长

2022/07/07

3.6K0

理解 javascript:void(0) 语句

javascript php html https 网络安全

你可能会遇到包含使用 href="javascript:void(0);" 的 <a> 元素。当将表达式插入网页可能会导致不良副作用时，通常会使用 javascript void。

奋飛

2023/03/06

1.7K0

前端架构师之11_JavaScript事件

对象架构师前端事件 javascript

用户单击button按钮，这个行为就会被JavaScript中的click事件侦测到；然后让其自动执行，为click事件编写的程序代码，如在控制台输出“按钮被单击”。

张哥编程

2024/12/13

5140

JavaScript 的语法(网摘)

函数事件语法 javascript 对象

JavaScript 的语法　　如果你学过C，C++，或者Java的话，就可发现，javascript的语法和它们是一样的。javascript也有一些保留字，与C不同，javascript有一些预定义的内建函数，完成对浏览器和页面的基本操作。特殊符号和操作符　　 Javascript的操作符主要用于算术运算、逻辑运算和字符串运算。大部分操作符都有两个操作对象，分别叫左操作数和右操作数。Javascript的操作符和C、C++的操作符几乎完全一样。　　基本的算术操作符（运算符）是 + (加)，- (减或一元负号)，* (乘)，/ (除)，% (模，或者叫取余数)以及 ++ (整数自身加一), -- (整数自身减一)。以及位操作， || (OR), && (AND)，! (各位取反)，^ (XOR 异或)，<< (左移位)，<<< (左移位，并用0填充左边的位)，>> (右移位) 和 >>> (右移位，用0 填充右边的位)。除了++，--和一元负（-）之外，所有这些算术、逻辑操作符都允许和 =连用，表示左操作数和右操作数运算的结果赋值给左操作数本身。例如： variable = variable * 42; // 这句可写成 variable *= 42; 　　这些操作符符合一般的优先法则，可以用括号改变运算的次序。如果对运算的优先法则搞不清楚，也可以用括号保证运算的正确顺序。 zzz = (xxx * 32) / (yyy + xxx); 　　 javascript 的关系运算符包括：<(小于)，> (大于)，== (等于)，!= (不等于)，<= (不大于)，>= (不小于)。请注意区分<赋值符（=）和关系运算符等于（==）。另一个经常出现的错误是将不等于(!=)写作<>。　　每一个完整的语句之间用分号隔开。如下所示： variable *= 42; zzz = (xxx * 32) / (yyy + xxx); 　　 +号同时被用来表示两个字符串相连接。例如： yourname = "Dave" line_of_text = "What are you doing " + yourname + "?"; 　　执行了上述语句后，line_of_text的值应该是，"What are you doing Dave?" 　　字符串常量要用引号（双引号或者单引号都可）括起来。两者之间的区别在于：用双引号括起来的字符串允许包括一些控制符。为了表示这些控制符，必须用以反斜杠 (\)开始的转义符，例如以 \n表示换行。由于\用于引导转义符，所以在字符串中用到反斜杠符时必须用\\表示。　　括号被用于指定数组的元素。例如要指定数组myarrary的第一个元素，要写成 myarrary[0]。请注意，数组的元素是从 0开始编号的。　　大括号({ 和 })，被用来组织语句块（某些地方也称复合语句，及几条语句被从逻辑上看作是一条语句）。这些语句块经常和控制语句（比如分支 if...then...else 、循环while ）等一起出现。注意，函数也是由一个语句块构成的。　　多行或单行注释由 /* 和*/括起来，单行的注释也可以用//开始，直到行尾。　　最后要介绍的是一个三元操作符，条件表达式 ? 结果表达式1 : 结果表达式2 。这个运算符的意思是：如果条件表达式成立，就取结果表达式1的值，反之，就取条件表达式2的值。任何时候，这个操作符都可以用if 和 else来模拟。例如： if (notMine == true) { 　 someoneElses = true; } else { 　 someoneElses = false; } 　　和下式等价： someoneElses = (notMine == true) ? true : false; 　　上面介绍了所有的操作符。接下来，介绍javascript的数据类型。数据类型和变量　　 JavaScript有四种基本的数据类型：对象( object，能用于任何对象)、数值型(number，浮点数或整数)、字符串型(string)、布尔型(boolean)。变量通过变量名来区分。变量名区分大小写，也就是说大写与小写是不同的。组成变量名的符号包括字母、数字和下划线(_)，并且必须以字母开始。例如： myvariable = "A line of text"; //这是字符串型变量 count = 0; //数值型 Super_Long_VariableNamethatishardtoread = ""; //字符串，空串

jack.yang

2025/04/05

2140

JavaWeb防止表单重复提交的几种方式

数据库 sql java javascript https

（4）、ajax提交加锁采用ajax方式提交表单时，设置一个布尔变量（true/false），当然其他类型变量也可以。初始时为true可以提交,在前端向服务器发出请求后，服务端响应结果没有回来之前将该值置为false，正常响应时再置为true。

全栈程序员站长

2022/08/04

2.5K0

（续）很久很久以前学的，16个HTML笔记

超链接分为外部链接、内部链接、文本链接、图片链接、下载链接、空链接、电子邮件链接等。

Lemon黄

2019/10/22

3.1K0

（续）很久很久以前学的，16个HTML笔记

javascript当中表单提交（空格提交的问题）

javascript java html

4.表单提交（空格提交的问题）例 4.1（form.submitIEFF.html） <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <script language=javascript> function check() { var form = document.getElementById("regForm"); if (form.user.value == "") { alert("用户名不能为空!"); } else { form.submit(); } } </script> <form method=post id="regForm" action="jsp1.jsp"> 用户<input type="text" name="user"/><br> <INPUT TYPE="button" onclick="check();" id="regBut" value="提交"/> </form> 以上例子很好，但有个问题，当光标放在文本框里时，即使空格，回车也会提交。不信你试试，浏览器（IE和火狐）都这样。下面给出解决办法。例 4.1_a <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <script language=javascript> function check() { var form = document.getElementById("regForm"); if (form.user.value == "") { alert("用户名不能为空!"); } else { form.submit(); } } </script> <form method=post id="regForm" action="jsp1.jsp"> 用户<input type="text" name="user" onkeydown="if(event.keyCode==13) return false;"/><br> <INPUT TYPE="button" onclick="check();" id="regBut" value="提交"/> </form> 或者用下面的例子，里面用了onSubmit，只要提交，它就会被执行。

马克java社区

2019/10/17

1.5K0

javascript当中表单提交（空格提交的问题）

相关推荐

form实现表单提交的各种方法(表单提交源码)

更多 >