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

最新推荐文章于 2024-04-24 09:27:42 发布
最新推荐文章于 2024-04-24 09:27:42 发布
阅读量792 收藏 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>
蓝姆
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
表单元素的submit()方法和onsubmit事件应用概述
09-05
表单元素拥有submit方法，同时也具有onsubmit事件句柄，用于监听表单提交。可以使用elemForm.submit();方法触发表单提交,感兴趣的朋友可以了解下，或许对你有所帮助
form.submit 方法 并不会触发 form.onsubmit 事件
weixin_30727835的博客
12-09 1325
做表单的时候发现一个奇怪的地方，总结下： form.submit 方法 并不会触发 form.onsubmit 事件，看代码： <body> <div class="container"> <form action="http://route.showapi.com/213-1" method="POST"> ...
【javascript】form提交 不执行onsubmit事件解决方案
u013938578的博客
02-24 2044
今天做项目过程中，需要用到javascript提交form到后台，同时我也需要在提交后台之前执行onsubmit事件。 弄了半天也没有解决，然后无意中调试出来了。然后分析源码，现在把解决方案公布出来，给大家一个参考。 核心javascript原理如下： <script type="text/javascript"> //<![CDATA[ $(funct...
经查证，直接调用Form的submit()方法， 并不会触发onSubmit事件
weixin_34262482的博客
10-19 393
经查证，直接调用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 5116
return false 阻止表单提交不了 基本上关于onsubmit=return false有以下几点要注意的地方： 1. return 的返回值问题，函数中return一旦有返回值，就不在执行下面的语句，直接跳到函数调用的地方。如下PHP函数代码，第一个if条件符合则函数值返回布尔型false，可以返回一个函数的值,并且跳出这个函数；只要遇到return语句，程序就在那一行代码停
from表单onsubmit无效问题
Haveyounow的博客
06-29 1844
<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事件。这个原因先放一边，我们看看先怎么把眼下的问题解决了。不...
onsubmit阻止form表单提交与onclick的相关操作
01-21
1. return 的返回值问题，函数中return一旦有返回值，就不在执行下面的语句，直接跳到函数调用的地方。如下PHP函数代码，第一个if条件符合则函数值返回布尔型false，可以返回一个函数的值,并且跳出这个函数；只要...
jQuery EasyUI API 中文文档 – Form表单
12-03
Form 表单 用法 代码如下: <form id=”ff” method=”post”> … </form> 使 form 成为 ajax 提交的 form 。... 代码如下: // 调用 form 插件的 ‘submit’ 方法来提交 form $(‘#ff’).
js验证表单 js验证表单
12-19
<form name=a onsubmit="return test()"> <textarea name="b" cols="40" wrap="VIRTUAL" rows="6"></textarea> <input type="submit" name="Submit" value="check"> </form> 2. 只能是汉字 (/[^\u4E00-\u9FA5]/g,...
form表单提交时onsubmit返回调用的函数名和name属性值重复时不能调用的的问题
WjiaoJ的学习
04-20 626
前几天在做提交表单验证的时候,就发现自己的表单提交没有效果, onsubmit根本调用不到check()函数,将函数换个名称或者调用其他的都可以实现 一脸懵逼的情况下,发现了设置的name属性值的其中一个和我们的函数名重复了 我们学习js的时候,明确的讲过,函数是js中的一等公民,所有当函数和变量名重复的时候,变量会被覆盖 但是这和我们的name属性值又有什么关系呢? 在网上找了一些资料...
在jsp中form的onsubmit事件,onsubmit="return 方法名()"，编译环境报错的解决办法
Jonia的Castle
03-27 3874
这是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 744
源代码： <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 3404
 最近写前端小案例，想用到H5自带的表单校验功能，在用到onsubmit时遇到些小问题，在此记录分享一下~ 话不多说，先贴表单代码：  &lt;form onsubmit="return saveForm()"&gt; &lt;span&gt;姓名：&lt;/span&gt;&lt;input type="text" name="name" id="name&qu
onsubmit=“return check() 给form加onsubmit 验证所有表单后再提交，可以用返回false 来阻止submit提交
热门推荐
笔记
11-11 1万+
onsubmit="return check() 给form加onsubmit 验证所有表单后再提交，可以用返回false
submit()不能触发obsubmit事件的解决办法
木鱼与代码
06-09 454
form表单通常由type="submit"的按钮触发，从点击到提交表单，要经历下面两个方法： onsubmit(); submit();   有的网页因某些原因，放弃了标准的按钮、用type="button"的按钮代替，然后再手动触发submit()，如下： &lt;input type="button" value="提交" onclick="document.form.subm...
用html写一个旋转菜单
最新发布
liulang68的博客
04-24 932
【代码】用html写一个旋转菜单。
Web前端开发之HTML_3
zx1026409886的博客
04-23 998
表单在Web网页中用来给用户填写信息，从而采集用户信息，使网页具有交互功能。所有的用户输入内容的地方都用表单来写，如登录注册、搜索框。表单是由容器和控件组成的，一个表单一般应包含用户填写信息的输入框，按钮等，这些输入框、按钮叫做控件，表单就是容器，它能够容纳各种各样的控件。
用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、付费专栏及课程。

余额充值