submit的form表单提交事件

最新推荐文章于 2025-05-15 08:02:45 发布
最新推荐文章于 2025-05-15 08:02:45 发布
阅读量1.3w 收藏 2
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端 文章标签： submit表单提交
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/longlc123/article/details/83752762
本文探讨了W3C网站上一种特殊的代码提交方法。不同于常见的使用type=submit的提交按钮，W3C采用input type=button结合onclick事件触发的document.getElementById('tryitform').submit()来实现表单提交，这一技巧绕过了form上的onsubmit事件，提供了一种新的交互设计思路。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

w3c 修改代码看效果的实现方式。
他们的提交按钮是 input type=“button”, 而不是type="submit"方式，所有 form上的 onsubmit事件是无效的。
是onclick点击去提交的代码的 ‘document.getElementById(“tryitform”).submit();’
在这里插入图片描述在这里插入图片描述

表单提交事件
tianranran的博客
12-08 1044
</head> <body> <form class="form1" action="http://www.baidu.com"> <div class="item"> <label for="">用户名:</label> <input type="text" name="username"> </div>
form提交的几种方法
雨中漫步--专栏
10-19 1561
最近研究了下html中，form保单提交的几种方法，现与大家分享一下（注：网上可能已经有好多版本了，这里自己写下来做个总结了，哈！）： 方法一：利用form的onsubmit()函数（经常使用）   &lt;script type="text/javascript"&gt; function validateForm(){ if(document.reply.title.v...
表单Form的submit事件不响应的解决方法
12-10
一、问题描述 类比一下，我用input.select()做了测试，却能响应select事件。这个原因先放一边，我们看看先怎么把眼下的问题解决了。 不响应事件的代码示例： [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 实际运行，不会有alert出来。 虽然用submit方法来提交表单有违Unobtrustive Javascript的原则，但有时候不得不用，比如做搜索提示（auto-complete)选中Item之后就需要用JS来提交搜索表单。 二、问题分析 既然本身不响应事件，那只有手工触发这些事件了，确定手工触发方案之前先回顾一下事件的注册方式： “原始”的注册方式有两
表单元素的submit()方法和onsubmit事件
0li's Blog
11-10 1881
表单元素的submit()方法和onsubmit事件 1、表单元素中出现了name="submit"的元素2、elemForm.submit();不会触发表单的onsubmit事件3、动态创建表单时遇到的问题 表单元素拥有submit方法，同时也具有onsubmit事件句柄，用于监听表单提交。可以使用elemForm.submit();方法触发表单提交。 1、
HTML表单提交总结
最新发布
2403_88477236的博客
05-15 1013
onsubmit属性是可选的，如果需要js对表单做一些简单的验证，那么可以使用这种方式来做，js如果验证不通过则返回false，那么表单是不会提交的。// 读取的是图片的base64字符串，可以直接设置给图片的src属性。// 读取的是图片的二进制数据。概述：随着HTML5的兴起，前端越来越多样化，比如表单的提交，现在就有多种方式可以选择，下面总结一下常见的表单提交方式。下面，我们来看通过HTML5的FormData来提交表单，这种表单的提交方式是异步的，浏览器的地址是不会发生变化的。
关于form提交事件
weixin_53983124的博客
04-03 1465
1.因为表单的默认提交事件，点击提交后会跳转页面，而具体跳转到哪是由表单的action属性决定的，如果action没有值或者没写action也会跳转，只是跳转到自己的页面，达到一个页面刷新的效果。由于表单的默认行为，导致我们控制台没有打印我们想要的结果，那么我阻止他的默认行为，这样我们就可以在控制台看到我们想要的结果了。2.表单中的按钮 如果没有去设置类型，那么默认 type=输出结果：刷新页面有 1 闪过。1.表单的事关于件监听。结果：控制台输出 1。
form表单提交方式
热门推荐
菜鸟一缕清风的博客
01-05 9万+
form表单提交方式总结一下： 一、直接上代码&lt;script type=&quot;text/javascript&quot;&gt; function check(form) { if(form.userId.value=='') { alert(&quot;请输入用户帐号!&quot;); form.userId.focus();
form提交
u011927449的博客
01-18 545
方法一：利用form的onsubmit()函数（经常使用） Html代码 <scripttype="text/javascript"> functionvalidateForm...
浅谈layui 绑定form submit提交表单的注意事项
10-16
在本文中，我们将深入探讨layui框架中如何绑定form submit提交表单时需要注意的事项。layui是一个流行的前端组件库，提供了丰富的UI元素和便捷的API，其中包括表单处理功能。下面，我们将详细介绍两个关键点：lay-...
表单Form的submit事件不响应
01-19
当用JS调用form的方法submit直接提交form的时候，submit事件不响应。为什么？知道的请回复。类比一下，我用input.select()做了测试，却能响应select事件。这个原因先放一边，我们看看先怎么把眼下的问题解决了。不...
form.submit()不能提交表单的错误原因及解决方法
09-04
总结来说，当`form.submit()`无法提交表单时，开发者应检查表单元素ID的唯一性，确保事件处理正确，同时关注服务器端的响应。特别是，避免使用与JavaScript内置方法或API相同的ID，可以减少不必要的冲突。良好的编程...
js 提交form表单和设置form表单请求路径的实现方法
01-19
如下所示： form表单ID：postform 设置表单请求url document.postform.action = SaveReturnInfo...以上就是小编为大家带来的js 提交form表单和设置form表单请求路径的实现方法全部内容了，希望大家多多支持软件开发网~
form表单submit事件
weixin_30535167的博客
10-25 305
form表单在获得焦点情况下，按回车会执行相应表单的submit事件，但是如果在页面里添加form，回车不会触发submit事件。 转载于:https://www.cnblogs.com/tellme/archive/2010/10/25/1860406.html...
两种方式提交Form表单：Submit提交和Ajax提交
weixin_47075952的博客
11-20 6003
使用Ajax提交表单的一般步骤如下：监听表单的submit事件。在事件处理函数中，阻止表单的默认提交行为。使用JavaScript获取表单数据。使用Ajax发送异步请求，将表单数据作为请求参数发送给服务器。处理服务器返回的响应结果，并根据需要更新页面内容。
Form表单事件提交的几种方法
weixin_49756432的博客
06-07 4112
表单事件的提交分为同步提交和异步提交。 form属性:规定输入域所属的一个或多个表单。 注释：form 属性适用于所有 <input> 标签的类型。 form 属性必须引用所属表单的 id： 3.禁用表单自动提交方式：onsubmit=”return false;” 4.用javaScript方法来实现表单数据的获取和提交： ”get”: 可以通过形参的方式去接收。 1先在控制器中声明一个方法，再声明一个变量去接收用字符串拼接起来的属性值。 ...
表单事件
weixin_44552244的博客
04-20 596
开发工具与关键技术：Visual Studio / 表单事件 作者：郑名方 撰写时间：2019年4月 20日 jQuery表单事件 表单默认提交方式为： （1）action URL 规定当表单时向何处发送表单数据。 （2） method get/post 规定用于发送 form-data 的HTML方法。Method 定义和用法 method 属性规定如何发送表单数据（表单数据发送到 action...
form表单提交
mmayanshuo的博客
03-29 411
1、submit提交： 在form中需要添加action（url）以及method（POST）属性，定义一个提交按钮，并与form绑定。 缺点：整个页面会跳转，需要进行额外的处理 例如： <form id="form1" action = "...... " method="post" class="form"> </form> <input type="bu...
html表单提交事件
08-31 2969
在网页中一个FORM里的输入框中按回车有时会触发表单事件，有时不触发，以下是触发的各种情形     1、如果表单里有一个type="submit"或type="image"的按钮，回车键生效。     2、如果表单里面只有一个type="text"的input,不管按钮是什么type,回车键生效。     3、如果按钮不是input,而是用button,并且没有加type,IE下
form表单默认提交事件、数据验证、判空
zhou
09-06 1669
  在form表单中，总会出现触发提交事件，这是因为在form表单中button的默认类型是submit，如果不明确button的type，那可能触发提交事件。如果提交前需要数据判空或者数据检验，则需要把button的type设置为button，给其他事件留下时间。 <form action="/doLogin" method="post" id="submit"> <input type="submit" name="submit" id="submit" value="" />
form表单submit提交两次
09-09
form表单的submit提交两次，一般出现以下几种情况： 1. 用户误操作：当用户点击submit按钮时，可能会出现手误或者不确定是否点击成功的情况，导致多次点击。这种情况下，我们可以通过前端的JavaScript代码来处理，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值