`

ie6 form.submit()不能正常提交

 
阅读更多
IE6下如果是用<input type="submit"/>按钮,则能正常提交数据,若是通过JavaScript脚本:formElement.submit(),则会提交失败,网上提出了使用setTimeout()的办法来解决;

进一步深入发现, <a/>有个链接属性 href , 而form也有一个页面请求属性 action, 当两属性同时存在时, 点击<a/>当然会优先<a/>的href链接,但如果是 <a href="javascript:;" ></a>, 又会是什么情况呢? 实践证明IE7.0+ , FF3.0+, Opera9.6+ 均能正确处理, 忽略<a/>的href, 执行表单的submit动作, 唯有 IE6 仍坚持着自己的原则, 只要有 href , 就只尝试执行链接 href , 除非你的<a/>标签中去掉 href属性, 但去掉 href 你将发现IE 下将不会出现下划线;看来是因为 ie6 执行默认动作引起来,目前两种解决方法:



第一种方法:

<a class="bt_3" style="cursor:pointer;" id="btnSubmit1" onclick="submitPage()">提交</a>

这种方法根本没有href属性,用style="cursor:pointer;" 产生手型图标来模拟。

另一种方法:

<a class="bt_3" href="javascript:void(0)" id="btnSubmit1" onclick="submitPage();return false;">提交</a>

onclick 返回 false ,阻止浏览器的默认行为。也可以达到相同的目的
分享到:
评论

相关推荐

    chrome不支持form.submit的解决方案

    当确定是在Chrome环境下,代码使用`$.post()`(jQuery的Ajax方法)替代`form.submit()`来模拟表单提交,将表单数据通过POST方式发送到服务器。`theform.attr('Edit')`可能是表单的action属性值,这应该被更改为`the...

    jquery.form.js

    1. **避免在表单元素上使用`submit`事件**:使用`jquery.form.js`后,应避免直接在表单元素上绑定`submit`事件,因为插件已经处理了提交过程。 2. **处理文件上传的服务器端**:由于文件上传的特殊性,服务器端需...

    document.forms[].submit()使用介绍

    同时,由于 `submit()` 直接触发提交,可能会导致页面刷新,因此在需要保持页面状态的情况下,可以考虑使用 AJAX 技术来异步提交表单,以避免页面跳转。 总结来说,`document.forms[].submit()` 是JavaScript中一个...

    jquery.form.zip

    总结来说,jQuery Form插件通过IFrame技术解决了IE8的兼容性问题,同时提供了丰富的API和事件处理,使得在各种浏览器环境下都能实现稳定、高效的文件上传功能。对于那些仍然需要支持旧版IE的项目,jQuery Form插件...

    表单Form的submit事件不响应的解决方法

    此问题违反了非侵入式JavaScript(Unobtrusive Javascript)的编程原则,但出于特定需求(如自动补全功能),有时仍不得不使用`form.submit()`来直接提交表单。 ### 问题分析 早期的“原始”注册方式涉及两种方式,...

    在IE的模式窗口中,通过表单提交到本页,并通过javascript获取提交的参数

    标题 "在IE的模式窗口中,通过表单提交到本页,并通过javascript获取提交的参数" 描述了一种常见的Web开发技术应用场景。在Internet Explorer(IE)浏览器的特定模式下,用户通过表单填写信息并提交后,这些数据通常...

    IE中jquery.form中ajax提交没反应解决方法分享

    从内容来看,解决IE浏览器中jquery.form插件AJAX提交不工作的问题,关键在于确保响应头的Content-Type设置正确,或不明确指定该头信息以避免IE的特殊处理。此外,文章还提到了在实际开发中,对于AJAX操作的头信息和...

    jsp 文件上传浏览,支持ie6,ie7,ie8.docx

    // 新的预览代码,支持IE6、IE7,IE8也支持,firefox不支持! var newPreview = document.getElementById("newPreview"); newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile...

    ie ,火狐 文本框回车自动提交

    为了确保在IE、Firefox以及所有现代浏览器中都能正确实现文本框回车自动提交,最可靠的方法是使用JavaScript来监听文本框的键盘事件。这样,无论用户使用哪种浏览器,都可以确保一致的用户体验。 ```javascript // ...

    form-request-submit-polyfill-main-源码.rar

    "form-request-submit-polyfill-main"是一个专门针对表单提交事件的polyfill,它旨在为不支持新特性的浏览器提供一个标准化的接口。本文将深入剖析其源码,揭示其内部工作原理。 1. **表单提交事件的标准化** 在...

    JQuery.form文件上传及管理

    它支持异步文件上传、进度条显示等功能,并且兼容多种浏览器,包括IE6+。 ### 2. 文件上传流程 - **初始化表单**: 首先,需要在HTML中定义一个包含`enctype="multipart/form-data"`的表单,这允许文件作为表单数据...

    Chrome Form多次提交表单问题的解决方法

    这种方法不仅可以避免表单的多次提交,还可以提供更好的用户体验,让用户知道表单正在处理中,不能立即再次提交。 总的来说,防止表单多次提交问题的关键在于确保每次提交请求都有所不同,或者通过禁用提交按钮来...

    访问一个已经打开的ie

    请注意,为了确保代码能够正确运行,需要确保表单元素ID的准确性,并处理可能出现的异常情况,比如IE窗口未找到或表单元素不存在等。 总结起来,使用VB访问一个已经打开的IE浏览器主要涉及以下步骤: 1. 引用...

    Button未设type属性时在非IE6/7中具有submit特性并自动提交form

    这个行为展示了`&lt;button&gt;`在非IE6/7中具有的submit特性,即即使没有明确设置`type=submit`,它仍然可以作为提交按钮来使用。 在IE6和IE7中,情况有所不同。这两个旧版本的浏览器对HTML标准的支持不够完善,可能不会...

    jquery submit ie6下失效的原因分析及解决方法

    但在IE6中,由于浏览器的这种行为,`form.submit()`可能不会被执行,因为链接的默认行为(跳转)优先于JavaScript事件处理。 为了解决这个问题,我们需要阻止`&lt;a&gt;`标签的默认行为,即防止页面跳转。通常,我们可以...

    delphi操作ie内容

    在某些情况下,用户可能需要调整IE的安全设置或者安装必要的ActiveX控件才能使程序正常工作。 以上就是关于“Delphi操作IE内容”的基本知识点。在实际开发中,可能还需要处理更多复杂情况,例如处理JavaScript事件...

    web,js的知识总结.pdf

    若不希望自动提交,可以在`&lt;form&gt;`标签内添加`onsubmit="return false;"`阻止默认提交行为。 3. **图片作为提交或重置按钮**: - 当使用图片作为提交或重置动作时,可以使用JavaScript的`form.submit()`或`form....

    IE浏览器下JS脚本提交表单后,不能自动提示问题解决方法

    总的来说,当在IE浏览器中使用JavaScript提交表单并希望保留自动填充功能时,关键在于调用`window.external.AutoCompleteSaveForm(form)`。确保浏览器的自动填充选项已开启,并且在表单提交前使用这个方法,可以有效...

    表单点击提交按钮后变成灰色.rar

    1. 事件监听:JavaScript可以通过addEventListener或attachEvent(IE浏览器)来监听表单提交的`submit`事件,当用户点击提交按钮时触发相应的处理函数。 2. 阻止默认行为:在处理函数中,可以使用`event....

    表单元素的submit()方法和onsubmit事件应用概述

    在网页开发中,表单(Form)是用户与服务器交互的重要工具,而`submit`方法和`onsubmit`事件则是表单控制的核心部分。本文将深入探讨这两个概念及其在实际应用中的注意事项。 首先,`submit()`方法是HTML表单元素的...

Global site tag (gtag.js) - Google Analytics