栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Vue.js

JS表单提交中onsubmit事件return的作用

Vue.js 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

JS表单提交中onsubmit事件return的作用

完整代码如下:

1.html

 1 
 2 
 3 
 4 JS表单提交中onsubmit事件return的作用
 5 
 6 
 7 
11 
12 
13 
14 

2.html

1 
2 
3 
4 JS表单提交中onsubmit事件return的作用
5 
6 
7     恭喜表单提交成功
8 
9 
代码运行效果图如下:

1.不填写名字

2.填写名字

代码分析:

当点击提交按钮(button按钮)的时候,浏览器会自动触发onsubmit事件,执行Checkname()函数。Checkname()函数通过判断名字是否存在,来返回true或者false。

当Checkname()返回false的时候,onsubmit事件可以看成为:

onsubmit="return false"

当Checkname()返回true的时候,onsubmit事件可以看成为:

onsubmit="return true"

重点:
此时onsubmit中return的作用就是将Checkname()函数运行返回的结果(true或者false),再向上返回(返回给浏览器)。浏览器如果接收到onsubmit返回的是false,则阻止表单提交。反之,如果接收到的是true,表单就会提交到action属性指向的2.html页面。

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/240017.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号