首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

IE 11仍然在没有.submit()的点击处理程序中提交表单

IE 11是Internet Explorer 11的简称,是微软公司开发的一款网页浏览器。在没有.submit()的点击处理程序中提交表单是指在网页中的表单元素中,当用户点击提交按钮时,没有相应的JavaScript代码来处理表单的提交动作。

在这种情况下,IE 11会默认使用表单的默认提交行为,即将表单数据发送到服务器并刷新页面。这种方式适用于简单的表单提交,但在一些特殊场景下可能会出现问题。

对于这种情况,可以通过以下几种方式来解决:

  1. 使用JavaScript代码来处理表单的提交动作:可以通过给提交按钮添加点击事件监听器,然后在事件处理函数中使用JavaScript代码来获取表单数据,并通过AJAX等方式将数据发送到服务器。这种方式可以实现异步提交,不会刷新整个页面,提升用户体验。
  2. 使用表单的onsubmit事件:可以在表单元素上添加onsubmit事件,然后在事件处理函数中使用JavaScript代码来获取表单数据,并通过AJAX等方式将数据发送到服务器。这种方式可以在表单提交前进行数据验证和处理。
  3. 使用其他浏览器兼容的方法:可以使用其他浏览器兼容的方法来处理表单的提交动作,例如使用jQuery的submit()方法或者其他第三方库来处理表单提交。

总结起来,当在IE 11中遇到没有.submit()的点击处理程序中提交表单的情况时,可以通过使用JavaScript代码来处理表单的提交动作,或者使用表单的onsubmit事件来实现表单的提交和数据处理。具体的实现方式可以根据具体的需求和场景来选择。

腾讯云相关产品和产品介绍链接地址:

  • 腾讯云云服务器(CVM):提供弹性计算能力,满足各类业务需求。产品介绍链接
  • 腾讯云云数据库 MySQL 版:提供稳定可靠的云数据库服务,支持高可用、备份恢复等功能。产品介绍链接
  • 腾讯云人工智能平台(AI Lab):提供丰富的人工智能服务和开发工具,帮助开发者快速构建和部署AI应用。产品介绍链接
  • 腾讯云物联网平台(IoT Hub):提供全面的物联网解决方案,支持设备接入、数据管理、消息通信等功能。产品介绍链接
  • 腾讯云移动应用开发平台(MADP):提供一站式移动应用开发服务,支持应用开发、测试、发布等环节。产品介绍链接
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

(续)很久很久以前学,16个HTML笔记

一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据以及数据提交到服务器。 表单域:包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。...表单按钮:包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上或者取消输入,还可以用表单按钮来控制其他定义了处理脚本处理工作。 ?...target规定 action 属性地址目标(默认:_self)。 Action属性: Action属性定义在提交表单时执行动作。通常表单会被提交到web服务器上某个PHP文件。...GET适合少量数据提交。一般使用GET提交时,提交数据会在地址栏显示出来。一般搜索查询时候用GET提交。 何时使用POST?...php $name = $_POST['name']; echo "从11.html传递过来姓名为:".$name; 效果展示: ? ?

2.7K30

JavaScript 表单处理

服务器能够处理字符集 action 接受请求URL elements 表单中所有控件集合 enctype 请求编码类型 length 表单控件数量 name 表单名称 target 用于发送请求和接受响应窗口名称...', function (evt) { preDef(evt); }); 我们可以可以使用submit()方法来自定义触发submit事件,也就是说,并不一定非要点击submit按钮才能提交。...因为各种原因,当一条数据提交到服务器时候会出现延迟等长时间没反映,导致用户不停点击提交,从而使得重复提交了很多相同请求,或造成错误、或写入数据库多条相同信息。...); }); 有两种方法可以解决这种问题:第一种就是提交之后,立刻禁用点击按钮;第二种就是提交之后取消后续表单提交操作。...但使用原生DOM访问虽然比较通用,但不是很便利。表单处理,我们建议使用HTML DOM,它有自己elements属性,该属性是表单中所有元素集合。

4.8K101

表单提交input、button、submit区别

IE浏览器兼容,请记住button[type]在IE默认值是button,这意味着它只是一个按钮而不会引发表单提交。   ...提交表单时,value会被作为表单数据提交给服务器。 在IE,甚至会把button开始与结束标签之间内容作为name对应提交给服务器。...同时请注意设置type=submit来兼容IE。 3.回车键提交表单 Enter键是可以提交表单!但是你可能已经注意到了,并非所有的表单都可以用Enter键来提交。...当表单只有一个单行文本输入控件时,用户代理应当接受回车键来提交表单。 “单行”指的是type为text而非textarea,显然在textarea回车提交表单是怎样难以接受。...其实在实践,有多个单行input也可以用Enter提交,比如登录页面。 4.阻止表单提交 阻止表单提交也是一个常见的话题,通常用于客户端表单验证。

2.9K100

firefox中用js提交表单

用.submit () 方法提交表单 3).button name/id 绝对不能命名为”submit” 4).form 中所有的组件(按钮,文本框等) name/id 也不能命名为”submit...” # 当提交按钮 name 或者 id 为 submit 时候,用 js 提交表单表单名.submit () 时候会报一个错误,提示对象不支持此属性或办法。...那么,请问为什么 当提交按钮 name 或者 id 为 submit 或者 action 时候 js 提交表单会报错呢?这难道是 一个 bug? 高手们请指教。。。。...因为” 表单名.submit () 提交” 这种写法本身就是不符合 W3C 标准规定,在 IE没有报错因为 IE 支持这种写法,但是如果在 FF 下就会报错,要写成”document.getElementById...我在项目中发现 与 得出效果截然不同, 谁能告诉我这两着有合不同 我又如何能用图片来替代原有的提交按钮 是说这是一个按钮,它是一个提交按钮。当点击它时,它会自动将它所在表单进行提交.

7.1K20

onbeforeunload事件_pageload事件何时触发

IE浏览器在对话框显示返回字符串,但其他浏览器会显示自己消息。如果未提供任何值,则以静默方式处理事件。...注意:为了防止不需要弹出窗口,浏览器可能不会显示在beforeunload事件处理程序创建提示,除非页面已与之交互,甚至根本不显示它们。...PS:如果进入当前页面后没有用户没有与页面进行任何交互(比如鼠标在页面上点击),直接关掉或者刷新当前页面是没有弹窗提示。...通过input type=”submit”按钮提交一个具有指定action表单时候。...使用form.submit() 提交表单时候 应用场景 onbeforeunload对话框用于现代Web上两件事: 防止用户无意中丢失数据。 欺骗用户。

2.8K20

C# HTTP系列10 form表单enctype属性

系列目录 【已更新最新开发文章,点击查看详细】 在ASP.NET编程中经常遇到下面的代码片段,将人员信息以表单方式提交到后台程序并保存到服务器与数据库。...),但协议并没有规定数据必须 使用什么编码方式。..." name="submit" value="提交"/> 此点击提交】按钮,Form提交请求数据,Fiddler抓包时看到请求如下(无关请求头在本文中都省略掉了): ?...由于 JSON 规范流行,除了低版本 IE 之外各大浏览器都原生支持 JSON.stringify,服务端语言也都有处理 JSON 函数,使用 JSON 不会遇到什么问题。...postman 使用 1、form-data: http请求multipart/form-data,它会将表单数据处理为一条消息,以标签为单元,用分隔符分开。

1K40

谁动了我Token | TW洞见

11点了,我们诊断工作紧张而有序继续进行着,分析各种可能出现异常路径以及可能性。各种测试验证貌似都没有问题。“这不应该呀。...我和夏夏又过了一遍Anti-CSRF Token处理代码,做了各种尝试,仍然没有头绪。即使e.preventDefault可以解决问题,但我们仍然不知道问题根源。谁动了我Token!...看完了推荐答案很是吐血 -- IE兼容模式。熟悉IE程序员都知道,这基本可以作为修复IE问题万能解药。 夏夏说,“我们先来试一下”。修改代码运行系统,叮,问题也被修复了!...这个时候,我们三个都不约而同看到了下面这篇Stackoverflow帖子: ? 强哥说,“这好像没关系,他这代码写不对,Form上按钮是Submit类型,还绑定Click去提交。”...问题罪魁祸首就这样找到了,我们通过Git提交历史也知晓了这个问题是在n年前解决“按钮多次点击问题”时引入

80290

前端魔法堂:onsubmit和submit事件处理函数怎么不生效呢?

提交表单方式 表单仅含一个以下元素时,该元素得到焦点,按回车键,即可发起表单提交。...,在表单添加一个input[type=submit]子元素,或在表单外添加一个input[type=submit form=表单ID]元素,那么当上述元素得到焦点,按回车键,即可发起表单提交。...事件,因此可以在onsubmit函数或submit事件处理函数禁止执行默认行为来实现表单异步提交; 方式3既不会调用onsubmit函数,也不会触发submit事件。...首先我们要明确一点是,验证发生在与input等表单控件发生交互时(输入,点击,脚本修改其值等),而不是提交表单时才触发验证。...然后再根据表单配置和触发表单提交方式,决定合法性验证结果是否会阻止表单提交

1.8K70

form表单

form 表单 form表单就是填写单子:比如登录窗口、编辑资料等 一般用于数据提交到到后端,然后保存 一、form表单语法 表单非常重要,一般用于数据提交到到后端,然后将数据保存到服务器端 属性 action,表示我们要提交网址 属性 method...,表示我们提交数据方式,通常有 get 和 post 两种 GET 提交会将数据通过 & 串成一个字符串提交,这个字符串会显示在浏览器地址栏,相对来说不安全,而且有长度限制 POST 提交是直接将数据提交到服务器...,不会显示到浏览器地址栏,相对比较安全,而且没有长度限制 属性 enctype:一般值是 multipart/form-data ,主要是用于文件上传 二、代码实战 新建 html 文件 11...-form.html, 编写下方程序,运行看看效果吧。

1.4K10

【Java 进阶篇】深入浅出:JQuery 事件绑定奇妙世界

在前端世界里,事件是不可或缺一部分。用户点击、输入、滚动等行为都触发着各种事件,而如何在代码捕捉并处理这些事件是每位前端开发者必须掌握技能之一。...表单事件:submit表单提交)、change(表单元素值改变)、focus(表单元素获得焦点)等。 窗口事件:resize(窗口大小改变)、scroll(滚动条滚动)等。...", function(event) { // 阻止表单提交 event.preventDefault(); // 进行表单提交其他操作...alert("表单验证通过,可以提交!")...在表单提交时,通过 submit 事件阻止默认提交行为,执行其他操作(比如异步验证、数据提交等)。 结语:奇妙世界探索 通过本文学习,我们深入了解了 JQuery 事件绑定基本原理和用法。

15110

【HTML5】HTML5 新增 input 表单属性 ( required 属性 | placeholder 属性 | autofocus 属性 | autocomplete 属性 )

, 可以 选择多个文件提交 ; autofocus 属性 : 属性值为 autofocus , 设置了该属性 , 可以自动进行聚焦 , 页面加载完毕后 , 自动聚焦到设置了该属性表单 ; autocomplete...需要满足以下两个条件 : 为表单添加 name 属性 自动补全内容需要之前提交成功过 1、required 属性 required 属性 : 属性值为 required , 一旦设置了该属性 ,..."> 不管在表单内输入什么内容 , 空内容也能提交 ; 如果为表单设置了 required="required...: 为表单添加 name 属性 自动补全内容需要之前提交成功过 该属性大部分情况下都要设置为 off , 涉及到隐私 ; 代码示例 : 显示效果 : 在 file 表单 , 点击 选择文件 按钮 , 可以在弹出对话框 , 一次性选择多个文件 ;

2.9K30

【融职培训】Web前端学习 第5章 node基础教程7 模板引擎概述

模板引擎可以解决这个问题,通过模板引擎,可以直接设置响应html页面,并且可以把后台数据绑定到模板,然后发送给客户端。...}) 12 }); 五、处理表单数据 表单概述 在网页重构课程,我们已经了解了表单基本样式,本节我们讲解如何通过表单向后台发送数据,首先看两个form标签属性。...action属性:指定表单提交数据路径 method属性:指定表单提交数据请求方法,请求方法包括get、post。...form标签设置完成之后,要对表单空间进行设置 input.name属性:指定数据传输字段 input.type=“submit”:指定提交按钮,点击提交表单数据 获取get请求数据 直接通过ctx.query...') 8 const app = new Koa(); 9 app.use(parser()); 10 //获取post请求参数 11 router.get("/form", async ctx

40210

Web前端学习 第5章 node基础教程7 模板引擎概述

模板引擎可以解决这个问题,通过模板引擎,可以直接设置响应html页面,并且可以把后台数据绑定到模板,然后发送给客户端。...}) 12 }); 五、处理表单数据 表单概述 在网页重构课程,我们已经了解了表单基本样式,本节我们讲解如何通过表单向后台发送数据,首先看两个form标签属性。...action属性:指定表单提交数据路径 method属性:指定表单提交数据请求方法,请求方法包括get、post。...form标签设置完成之后,要对表单空间进行设置 input.name属性:指定数据传输字段 input.type=“submit”:指定提交按钮,点击提交表单数据 获取get请求数据 直接通过ctx.query...') 8 const app = new Koa(); 9 app.use(parser()); 10 //获取post请求参数 11 router.get("/form", async ctx

53130

Layui前端框架Button添加Click事件

"button",而其他浏览器(包括 W3C 规范)默认值是 "submit"。...和w3c,firefox浏览器区别: 当在IE浏览器下面时,button标签按钮,input标签type属性为button按钮是一样功能,不会对表单进行任何操作。...但是在W3C浏览器,如Firefox下就需要注意了,button标签按钮会提交表单,而input标签type属性为button不会对表单进行任何操作。...这里点击事件是指单纯点击事件,而不是提交事件,或者是数据表格内嵌button,对于这两者,layui是有lay-submit和lay-event这个属性进行支持,所以这里只能使用最原始js和...所以在做负载等要求不那么严格“小程序”,从维护角度上,建议用jQuery绑定,简单清楚,最容易维护。

4.6K20

表单脚本

下述内存主要讲述了《JavaScript高级程序设计(第3版)》第14章关于“表单脚本”。 刚开始人们使用JavaScript,最主要目的之一就是表单验证,分担服务器处理表单责任。...提交表单 (1)提交按钮提交 方式1:通用提交按钮 方式2:自定义提交按钮 <button type="<em>submit</em>...(textarea除外,在文本区<em>中</em>回车会换行)。如果<em>表单</em><em>没有</em><em>提交</em>按钮,安回车键不会<em>提交</em><em>表单</em>。 注意,通过上述方式<em>提交</em><em>表单</em>,浏览器会在将请求发送给服务器之前触发<em>submit</em>事件。...<em>提交</em><em>表单</em>过程中有可能发生<em>的</em>最大问题就是,重复<em>提交</em><em>表单</em>。 解决方式: (1)第一次<em>提交</em><em>表单</em>后就禁用<em>提交</em>按钮。 要在“<em>submit</em>”事件<em>处理</em>函数<em>中</em><em>处理</em>,不能在“click”事件<em>处理</em>函数<em>中</em><em>处理</em>。...因为有的浏览器会在click事件触发前,触发<em>submit</em>事件! (2)利用onsubmit事件<em>处理</em><em>程序</em>取消后续<em>的</em><em>表单</em><em>提交</em>方式。

4.8K41

Vue实现文件上传和文件下载

这种是定义接口不是下载文件路径,而是通过API可以获得文件内容,由前端把内容写入到文件,这种方法是通过获取文件信息,在网页上利用click事件,创建一个文件,然后将文件信息写入到文件,然后保存...不需要我们处理返回二进制流直接下载,非常方便 formaction设置为接口地址,method设置为post,Post到后台数据设置为input属性 name = key,value = value...注意点:如果设置method为get,在actionuri添加了参数的话,想用这个参数替代inputkey、value形式来提交到后台,这参数是没有效果,后台拿不到这些参数,真正参数还是以input...name、value形式储存,在submit方法执行后传递到后台。...这样我们就是实现了文件下载,但是表单提交数据一般是简单键值对,如果传参比较复杂可以考虑将表单序列化提交

99010

默认行为及阻止

默认行为 a标签点击跳转 标签在href存在情况下会点击自动跳转链接或者定位锚点,通过对监听事件阻止默认行为后,点击链接不会跳转。...document.getElementById("t3").addEventListener("keydown", (e) => { e.preventDefault(); }) 复选框选中 复选框默认行为下是点击选中获取取消选中...document.getElementById("t4").addEventListener("click", (e) => { e.preventDefault(); }) 表单提交...表单若是存在type为submit或者是都会触发表单提交,阻止默认行为后表单不会自动提交。...IE8及之前浏览器阻止默认行为需要使用window.event.returnValue = false。 直接在事件处理函数return false也能阻止默认行为,只在DOM0级模型中有效。

1.7K30
领券