form表单的submit()方法不会调用onsubmit的解决办法

最新推荐文章于 2022-06-03 17:22:33 发布
最新推荐文章于 2022-06-03 17:22:33 发布
阅读量831 收藏 5
点赞数 2
分类专栏： 笔记 文章标签： jquery html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41924796/article/details/104212945
版权

代码如下

<!DOCTYPE html>
<html>
	<body>
		<link rel="stylesheet" type="text/css"  href="https://www.layuicdn.com/layui/css/layui.css" />
		<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
		<button type="submit" class="layui-btn" lay-submit="" onclick="$('#submit').click()">立即提交</button>
		<form action="http://www.baidu.com" onsubmit="return sub()">
			<input type="submit" id="submit" style="display: none;" value="提交" />
		</form>
		<script>
			function sub(){
				alert(1)
				return false;//false不跳转 true跳转 可设置为false再用ajax提交表单
			}
		</script>
	</body>
</html>
蓝姆
关注
专栏目录
form.submit 方法 并不会触发 form.onsubmit 事件
weixin_30727835的博客
12-09 1363
做表单的时候发现一个奇怪的地方，总结下： form.submit 方法 并不会触发 form.onsubmit 事件，看代码： <body> <div class="container"> <form action="http://route.showapi.com/213-1" method="POST"> ...
【javascript】form提交 不执行onsubmit事件解决方案
u013938578的博客
02-24 2213
今天做项目过程中，需要用到javascript提交form到后台，同时我也需要在提交后台之前执行onsubmit事件。 弄了半天也没有解决，然后无意中调试出来了。然后分析源码，现在把解决方案公布出来，给大家一个参考。 核心javascript原理如下： <script type="text/javascript"> //<![CDATA[ $(funct...
经查证，直接调用Form的submit()方法， 并不会触发onSubmit事件
weixin_34262482的博客
10-19 418
经查证，直接调用Form的submit()方法， 并不会触发onSubmit事件， 如果改为<INPUT TYPE="submit" value="submit"> //这种方式能触发onFormSubmit事件 所以<input type="button" value="test" onclick="document.myForm.submit(...
表单提交错误 ：onsubmit=return false阻止form表单提交
Rundy_Deng的博客
10-27 5258
return false 阻止表单提交不了 基本上关于onsubmit=return false有以下几点要注意的地方： 1. return 的返回值问题，函数中return一旦有返回值，就不在执行下面的语句，直接跳到函数调用的地方。如下PHP函数代码，第一个if条件符合则函数值返回布尔型false，可以返回一个函数的值,并且跳出这个函数；只要遇到return语句，程序就在那一行代码停
from表单onsubmit无效问题
Haveyounow的博客
06-29 1950
<form class="form" action="" method="post" onsubmit="return formSubmit(this)"> <div class="item"> <input type="text" name="user" placeholder="请输入用户名" /> </div> <div class="item"> <input type="password" name="
表单Form的submit事件不响应
01-19
当用JS调用form的方法submit直接提交form的时候，submit事件不响应。为什么？知道的请回复。类比一下，我用input.select()做了测试，却能响应select事件。这个原因先放一边，我们看看先怎么把眼下的问题解决了。不...
表单元素的submit()方法和onsubmit事件应用概述
09-05
在网页开发中，表单（Form）是用户与服务器交互的重要工具，而`submit`方法和`onsubmit`事件则是表单控制的核心部分。本文将深入探讨这两个概念及其在实际应用中的注意事项。 首先，`submit()`方法是HTML表单元素的...
表单Form的submit事件不响应的解决方法
10-30
但是，在某些情况下，当通过JavaScript直接调用表单的submit()方法来提交表单时，submit事件可能不会触发。这种情况下，开发者可能会面临不知道如何处理相关逻辑的困境。以下针对这种情况，提出几种不同的解决方法。...
antd提交表单_请问下antd的form表单如何在form表单外部调用form的submit事件?
weixin_30824391的博客
12-31 2680
1.先在有一个需求用steps步骤条在第一部让用户输入数据后,点击from外面的Button你能够获取到form表单中的值进行提交.2.3.`{/方案基本信息/}<div className={`steps-content ${this.state.current === 0 ? "steps-content-active" : " "}`}><StepFirstformItem...
JS和jQuery使用submit方法无法提交表单的原因分析及解决办法
10-22
使用JavaScript中的form元素的submit方法进行提交时，JavaScript会立即处理提交操作，而不会触发表单元素上的onsubmit事件处理器。这意味着如果表单上有onsubmit事件处理器用于进行数据验证或执行其他操作，开发者...
form表单提交时onsubmit返回调用的函数名和name属性值重复时不能调用的的问题
WjiaoJ的学习
04-20 658
前几天在做提交表单验证的时候,就发现自己的表单提交没有效果, onsubmit根本调用不到check()函数,将函数换个名称或者调用其他的都可以实现 一脸懵逼的情况下,发现了设置的name属性值的其中一个和我们的函数名重复了 我们学习js的时候,明确的讲过,函数是js中的一等公民,所有当函数和变量名重复的时候,变量会被覆盖 但是这和我们的name属性值又有什么关系呢? 在网上找了一些资料...
在jsp中form的onsubmit事件,onsubmit="return 方法名()"，编译环境报错的解决办法
Jonia的Castle
03-27 3942
这是MyEclipse的一个Bug，只需要将MyEclipse进行设置并重启MyEclipse即可解决，具体配置如下; window--->preferences-->MyEclipse-->validation-->JavaScript validator for JS files     把Build前的复选框去掉，然后重启MyEclipse即可。 如下图：
form表单的onsubmit()问题 集合
e_online的专栏
12-14 1万+
http://blog.163.com/hgj_online/blog/static/476742432007112610135845/以前在项目中为一个表单（from）编写onsubmit()脚本的时候，经常需要验证表单中数据的合法性，所以常会写道：，试图在validateForm()中return false来阻止表单的提交。实际上的效果是即使return false 表单 还是会提交。后来发现 onsubmit="return validateForm()"就没有问题了，当时也没有多想就继续做其它事情
onSubmit=“return checkForm()； “为什么没有正确执行
xcyja的博客
11-26 788
源代码： <form action="exp3cyj2018012173/servlet" method="POST" onSubmit="return checkForm();"> <tr> <td>用户名：</td> <td><input type="text" name="username"></td> <td><span id="tips_name"></sp
form表单的onsubmit() return问题
Java进阶之路
08-30 3458
 最近写前端小案例，想用到H5自带的表单校验功能，在用到onsubmit时遇到些小问题，在此记录分享一下~ 话不多说，先贴表单代码：  &lt;form onsubmit="return saveForm()"&gt; &lt;span&gt;姓名：&lt;/span&gt;&lt;input type="text" name="name" id="name&qu
form表单的submit()方法不会调用onsubmit事件，不会校验
tomfish
08-11 749
   …………………………    ---------------------      this.form.submit() 不会触发 form表单的onsubmit事件 可以这样写:   注： 1.fireevent触发事件 2.attachevent绑定事件 3.cancelevent取消事件冒泡   ...
onsubmit=“return check() 给form加onsubmit 验证所有表单后再提交，可以用返回false 来阻止submit提交
热门推荐
笔记
11-11 1万+
onsubmit="return check() 给form加onsubmit 验证所有表单后再提交，可以用返回false
submit()不能触发obsubmit事件的解决办法
木鱼与代码
06-09 500
form表单通常由type="submit"的按钮触发，从点击到提交表单，要经历下面两个方法： onsubmit(); submit();   有的网页因某些原因，放弃了标准的按钮、用type="button"的按钮代替，然后再手动触发submit()，如下： &lt;input type="button" value="提交" onclick="document.form.subm...
如何解决表单提交的onsubmit失效问题
刘杨造梦的博客
06-03 1239
有时候我们提交表单需要进行数据验证，这时候会有很多小伙伴百度找代码然后复制，最后发现失效，有如下几个原因第一：百度很多所谓教程有坑，其中onsubmit中的o是希腊字母o并不是英文字母o导致失效，把这段删掉手动输入，并且return check()后面不要加分号 也不需要在里面加this或者this.form 这些都是错误的教程，都是不懂技术的搬运来的错误教程。check()里使用document.getElementById获取数据，不要使用name啥的 容易出问题第二：通过第一步基本都能正常，如果还不能
用onsubmit进行form表单验证
最新发布
06-06
这个属性定义在 form 元素上，可以在表单提交时调用 JavaScript 函数。当表单提交时，如果该函数返回 false，则表单不会提交。 以下是一个使用 onsubmit 属性进行表单验证的例子： HTML 代码： ``` <form id=...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值