JS 让表单停止提交,return false失效的解决方案;

最新推荐文章于 2022-09-07 17:52:17 发布
转载 最新推荐文章于 2022-09-07 17:52:17 发布 · 1.5w 阅读 · 2
文章标签：

#js #from #停止 #提交

本文介绍了一个关于表单验证的小技巧，即如何通过调整JavaScript函数的调用位置来有效阻止无效表单的提交。作者最初尝试在提交按钮的点击事件中进行验证，但发现这种方法无法阻止表单提交。最终解决方案是在表单的onsubmit事件中调用验证函数，并返回布尔值以控制表单是否提交。

今天却郁闷了半天，因为当表格为空，提交表单的时候，函数对话框是出来的，但紧接着return false却失效了，整了半天，终于想到去百度一下了，汗。。。

最后在csdn上找到了答案，我把函数执行的语句由在 提交按钮上的onclik="send()" 改为了 form上的onsubmit="return send()" 于是一切OK了！！

<form name="registerForm" method="post" target="_blank" enctype="multipart/form-data" onSubmit="return fujianSubmit();">

前端防止表单重复提交的全面解决方案
嗨，欢迎来到我的 优快云 博客小天地！一名深耕多年的技术发烧友。在这里，我将把日常工作中积累的宝贵经验，从复杂架构设计的精妙之处，到代码优化的实战技巧，毫无保留地分享给大家。
06-19 1520
前端防止表单重复提交的全面解决方案
ThinkPHP防止重复提交表单的方法实例分析
10-18
3. Token令牌法：这是一种服务器端解决方案，通过在表单中添加一个隐藏的Token字段，在提交数据时验证这个Token是否为首次提交时生成的唯一值。如果相同，则说明是重复提交，服务器将拒绝处理。Token通常是由随机...
【转】有关onsubmit return false 阻止form表单提交：js
BigDragon
02-21 304
onsubmit=return false阻止form表单提交javascript return false 阻止表单提交不起今天这个问题困扰了我很久，在网上找了很多资料，基本上关于onsubmit=return false 有以下几点要注意的地方： 1. return 的返回值问题，函数中return一旦有返回值，就不在执行下面的语句，直接跳到函数调用的地方。如下PHP函数代码，第一个if条...
超链接做按钮 禁止跳转 submit 或 location 导致 return false 不起作用
深海酷酷鱼的专栏
05-31 3068
起因： 页面中有个小功能，使用超链接做按钮用，按习惯方式写为 显示内容 往常都好用，这次发现 return false不起作用，点超链接就跳转。   测试发现，onclick调用的函数中，如果有submit 或 location等跳转操作，后面的return false将失效。 解决: 改为在href中调用函数 显示内容 注意调用的函数需要以 return false; 结尾 。是
onsubmit return false 无效 解决办法
weixin_34413802的博客
09-18 567
onsumit表示提交表单的动作，此时提交已经开始了。所以即使你return false也只能阻止一个动作的发生，而这个提交动作也无可避免地已经在进行中或将要完成。解决办法:去除form标签上的onsubmit在提交按钮上加上onclick方法:例如:<input type="button" value="提交" name="">在checkFo...
解决表单重复提交：重点推荐Token方法
针对上述问题，最初的解决方案可能是依赖JavaScript来实现。开发者可以设置一个布尔变量`isCommitted`，标记表单是否已经提交，只有在未提交时允许点击提交。例如，使用`onsubmit`事件监听表单，如果表单已提交则...
fastadmin 使用Nice-validator进行表单验证，form表单button submit提交改成在JS点击提交。验证失效，怎样在JS里对表单data-rule="required" 验证拦截
最新发布
12-09
因此，最简单的解决方案是：将自定义的JS提交按钮的点击事件改为触发表单的submit事件。 例如： ```html <!-- 表单内容 --> ;">提交 <button id="my-submit">JS提交 // 初始化表单事件（FastAdmin通常会做...
thinkPHP使用post方式查询时分页失效的解决方法
10-23
总结来说，解决ThinkPHP在POST方式查询时分页失效的关键在于，使用JavaScript监听分页链接的点击事件，动态修改表单的action属性，使其包含当前的查询条件和页码，然后提交表单，从而保持查询条件的连续性。...
解决 MyEclipse 10 中 JSp页面 “return false” 报错问题
wuliEcho的博客
07-28 977
1、打开MyEclipse ->> Preferences 2、Myeclipse  ->>  Validation ->>找到JavaScript validator for Js files  builder 下面的打钩去掉.   之后，点击Apple，点击OK即可
form表单submit事件retnrn false依旧提交解决方法
qq_36677149的博客
07-18 873
使用JQuery设置了form元素的submit事件，因为提交不需要刷新页面，所以就在submit事件函数中写了ajax异步提交，并在最后return 了false取消form的提交。然而在触发form的submit事件后，一执行到ajax就直接刷新了页面，注释掉ajax就能够阻止提交，试了很多方法都不行。 解决方法的话，可以直接在form元素上设置 设置onsubmit="return fa...
Form表单提交onSubmit return false失效
热门推荐
谢彬の优快云专栏
12-16 2万+
被坑了有木有？有人说是方法返回的是return   有的说是 return false 貌似都没有作用！ 正确的做法是：不要直接用onSubmit(),改用普通的button提交表单！ $(document).ready(function(){ $("#btnSave").click(function(){ if(checkApk()
关于form表单通过ajax return false失败的原因
fjh1370505782的博客
01-07 487
看了好久全部是说通过更改async：false,都认为是以为ajax异步的原因，实则不然 function submit(){ $.ajax({ ... success:function(){ return false; } }); } 大家的ajax都是这样的吧。然后百度找了半天都找不到问题所在。 其实当我们return的时候只是跳出function,
js return无效，表单自动提交
weixin_30861459的博客
04-15 270
问题描述： jsp+servlet。 有个Form表单，主要是让用户输入他们设置的密保问题的，其中有js判断是否为空，如果为空则return，页面弹出提示信息，让用户重新填写，但是现在的问题是弹出提示信息，用户点击确定后，form自动提交，导致页面刷新，之前选择的问题也被重置了，还得重新选择，这主要是return的问题。必须return false才能组织form自动提交。 &lt...
form onSubmit返回false不起作用
sout-lanys
09-07 4935
Form onSubmit 有的时候使用 onSubmit 会出现没触发、或者触发了返回不起作用的情况。jquery validate也是在 submit 的时候开始判断的，并且在 onsubmit 事件之后，所以 onsubmit 返回false，只要满足 validate 的条件仍然会返回true，表单仍被提交。
表单提交错误 ：onsubmit=return false阻止form表单提交
Rundy_Deng的博客
10-27 5478
return false 阻止表单提交不了 基本上关于onsubmit=return false有以下几点要注意的地方： 1. return 的返回值问题，函数中return一旦有返回值，就不在执行下面的语句，直接跳到函数调用的地方。如下PHP函数代码，第一个if条件符合则函数值返回布尔型false，可以返回一个函数的值,并且跳出这个函数；只要遇到return语句，程序就在那一行代码停
表单提交时submit验证非空return false没用_开发这样一个复杂的表单你需要用多久...
weixin_39928648的博客
11-27 255
表单在中后台开发的时，是最多也是最另人头疼的，多级联动，繁杂的验证，动态解析等可算是苦不堪言。所以出现了无数的表单解决方案，像Uform, formily, NoForm等等一大堆用来解决中后台开发表单，可想而知，解决复杂的表单开发是多么另人头大；有XML的，有json-schema格式的，无论哪一种都是想能够轻松的解决另人头脑的表单开发，提高生产力。下面看一下商城后台添加商品常用的表单片段表单的...
按钮在form表单中时return失效，自动提交后台解决方法
tz_gx的专栏
12-04 2063
按钮在form表单中的问题 1.  代码案例  form action="aaa!edit.action"method="post" enctype="multipart/form-data">     table border="0" width="85%;" style="font-size: 13px;margin-left: 15px;margin-top:15px;"
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值