form表单 onsubmit return false 失效的问题

最新推荐文章于 2022-09-15 10:46:30 发布

转载最新推荐文章于 2022-09-15 10:46:30 发布 · 473 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/osxbl-blog/p/9367149.html

本文讨论了表单提交过程中onsubmit事件正确使用方法的重要性。详细解释了两种不同的onsubmit写法，一种是在调用验证方法时加上return关键字，另一种则没有。文章强调了return在阻止表单提交中的作用。

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

<form id="loginForm" method="post" action="/login" autocomplete="off" onsubmit="return  validCaptchaCode()">

<form id="loginForm" method="post" action="/login" autocomplete="off" onsubmit="validCaptchaCode()">

第一种为正确写法：需得加一个return

第二种为错误写法：就算在validCaptchaCode()方法中reuturn false 了也不能阻止表单提交

转载于:https://www.cnblogs.com/osxbl-blog/p/9367149.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

R芮R

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

如何解决表单提交的onsubmit失效问题

刘杨造梦的博客

06-03

1335

有时候我们提交表单需要进行数据验证，这时候会有很多小伙伴百度找代码然后复制，最后发现失效，有如下几个原因第一：百度很多所谓教程有坑，其中onsubmit中的o是希腊字母o并不是英文字母o导致失效，把这段删掉手动输入，并且return check()后面不要加分号也不需要在里面加this或者this.form 这些都是错误的教程，都是不懂技术的搬运来的错误教程。check()里使用document.getElementById获取数据，不要使用name啥的容易出问题第二：通过第一步基本都能正常，如果还不能

elementplus2. vue引用element-plus时清空表单的操作|重置表单|this.$refs[name].resetFields()；失效的做法

yangyangdt的博客

01-27

5632

vue引用element-plus时清空表单的操作|重置表单|this.$refs[name].resetFields()；失效怎么办？

参与评论您还未登录，请先登录后发表或查看评论

浅析onsubmit校验表单时利用ajax的return false无效问题

01-21

代码如下:/** * 表单提交校验 **/function onSubmit(){ if($(‘#name’).val().length<2){ alert(“名称请不少于两个汉字”); return false; } var t = new Date().getTime(); $.ajax({ type: “POST”, url: “/users/checkrepeat/”, data: “name=” + $(‘#name’).val() + “&time=” + t, success:fun

Form表单提交onSubmit return false失效

热门推荐

谢彬の优快云专栏

12-16

2万+

被坑了有木有？有人说是方法返回的是return 有的说是 return false 貌似都没有作用！正确的做法是：不要直接用onSubmit(),改用普通的button提交表单！ $(document).ready(function(){ $("#btnSave").click(function(){ if(checkApk()

表单onsubmit return false 无效

涛涛之海

06-11

2467

今天，在做表单任务时，想要当密码为空时弹出密码为空的提示框，但是用onSubmit,页面依然跳转，查了资料。 onsumit表示提交表单的动作，此时提交已经开始了。所以即使你return false也只能阻止一个动作的发生，而这个提交动作也无可避免地已经在进行中或将要完成。在通过按钮来启动submit，是网络上最常用的方法，原理是通过按钮click事件去激活submit事件。这里你就会发现，

form标签onsubmit return false 无效的原因之一

Tuckmaey的博客

08-11

3012

<form name="color" method="post" action="index.php" onsubmit="checkSubmit();"> <input type="hidden" name="id" value="123"> <in

onsubmit ajax return false 无效

weixin_30369041的博客

01-30

134

var flat=false; return flat; async:false, 是重点。执行ajax时return false的function 与onsubmit()不是同一个函数，所以无论return 什么都会直接执行submit()提交表单在执行ajax时，async默认的默认值为true,这种情况为异步方式，就是说aj...

在Antd-Form 表单组件使用getValueFromEvent属性为当前表单域赋值

weixin_34228617的博客

04-22

1万+

目前项目中对表单的使用较多，最近遇到了一个问题，大致描述：在表单域的onChange组件中无法使用setFields重置当前表单域的值. 发现问题： class App extends React.Component { handleChange = e => { const val = e.target.value.toUpperCase(); this.props...

解决VUE框架导致绑定事件的阻止冒泡失效问题

11-27

如果你尝试使用`return false`或`event.stopPropagation()`，它们可能在这样的情况下不起作用，因为Vue已经对事件处理进行了优化，使得直接在模板中定义的函数不能直接访问到`event`对象。此外，Vue还提供了其他...

el-form表单验证不通过，禁止刷新页面

最新发布

06-26

此外，用户提到的引用内容是关于el-form表单校验的一些常见错误，我们可以从中吸取经验，确保我们的表单设置正确，避免因为设置错误导致校验失效。根据引用[^1]：确保el-form的model属性包含所有需要校验的字段，...

onsubmit return false 无效解决办法

weixin_34413802的博客

09-18

552

onsumit表示提交表单的动作，此时提交已经开始了。所以即使你return false也只能阻止一个动作的发生，而这个提交动作也无可避免地已经在进行中或将要完成。解决办法:去除form标签上的onsubmit在提交按钮上加上onclick方法:例如:<input type="button" value="提交" name="">在checkFo...

from表单onsubmit无效问题

Haveyounow的博客

06-29

2051

<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 onSubmit返回false不起作用

sout-lanys

09-07

4909

Form onSubmit 有的时候使用 onSubmit 会出现没触发、或者触发了返回不起作用的情况。jquery validate也是在 submit 的时候开始判断的，并且在 onsubmit 事件之后，所以 onsubmit 返回false，只要满足 validate 的条件仍然会返回true，表单仍被提交。

onsubmit 校验表单时利用 ajax 的 return false 无效问题

四维空间

02-14

前几天，在校验一个表单数据时用到ajax时，遇到 return false 无效问题。 /** * 表单提交校验 **/ function onSubmit(){ if($('#name').val().length<2){ alert("名称请不少于两个汉字"); return false; } va...

关于form表单通过ajax return false失败的原因

fjh1370505782的博客

01-07

475

看了好久全部是说通过更改async：false,都认为是以为ajax异步的原因，实则不然 function submit(){ $.ajax({ ... success:function(){ return false; } }); } 大家的ajax都是这样的吧。然后百度找了半天都找不到问题所在。其实当我们return的时候只是跳出function,

form onSubmit="return false"[警告不弹多次]

weixin_34326179的博客

04-24

2019独角兽企业重金招聘Python工程师标准>>> ...

【前端】return false失灵，无法阻止提交表单

mudarn的博客

01-29

3909

function login(){ var logName=$("#logName").val(); var phone=$("#phone").val(); var protectNum=$("#protectNum").val(); if (logName == '' || logName == undefined || logName == null) ...

layui form ajax无法提交,layui form.on return false 仍然提交解决办法

weixin_30844301的博客

08-05

866

修改button为inputlayui.use(["jquery","element","form","layer"],function(){var$=layui.jquery;varform=layui.form;varlayer=layui.layer;form.on("submit(add)",function(data){console.log(data...

Fastadmin中表单form 绑定和提交后自定义处理方法

xxs18326183038的博客

09-15

3470

Fastadmin中表单form 绑定和提交后自定义处理方法