阻止事件默认行为问题

老师，请问第一个form的监听invalid事件中为什么第三个参数为true时才会阻止显示默认的提示气泡，而为false时却不会阻止显示默认的提示气泡；还有请问form监听submit事件时，满足if条件语句后阻止的默认行为是指表单的提交行为和页面刷新行为还是仅指表单提交以后的默认页面刷新行为，此时阻止了默认行为，表单数据是否会提交到服务器端，若此处的第三个参数为false，是否又会不一样。

慕婉清1324919 2019-09-02

源自：项目：HTML5表单验证 4-13 html5默认气泡修改演示

4

收起

2回答

好帮手慕慕子回答被采纳获得+3积分 2019-09-03 10:50:58

同学你好，

第三个参数为true的时候表示在捕获阶段执行该事件，捕获过程简单理解就是从上到下（父级元素到最里层子元素）的过程。点击的按钮的时候，先执行form的invalid事件，阻止默认事件，不显示气泡。简单理解就是第一时间内阻止了表单的默认显示事件。
阻止表单提交后默认刷新页面行为。验证没有通过，表单数据不可以提交到服务器。改成false，实现的效果是一样的

如果帮助到了你，欢迎采纳！

祝学习愉快·~~

慕婉清1324919 提问者 #1

老师的第一个问题的回答可以理解为是指在事件捕获阶段执行阻止默认事件，以此来第一时间阻止在事件冒泡阶段会触发的显示默认气泡的事件吗？第二个问题中，表单都没有通过验证，表单数据不会提交到服务器，那既然不会提交了，还会有页面的刷新行为吗？

2019-09-03 13:39:41

好帮手慕慕子 2019-09-03 14:44:21

同学你好，是的，第一个问题可以这样理解。

第二个问题，当点击type类型的submit的按钮，不管验证有没有通过都会提交表单刷新页面。

给同学举个示例，可以试着理解一下哦。例：因为不管输入的正确与否，都会提交表单的，所以我们需要在用户提交表单之前对用户的输入内容进行判断操作了，当输入不正确的时候，就阻止提交表单的默认提交行为与刷新行为，输入正确的时候，就是阻止浏览器默认刷新行为了

如果帮助到了你，欢迎采纳！

祝学习愉快~~~

相似问题

阻止默认行为的疑问

关于阻止默认事件问题

为什么要阻止默认行为

请问这些的默认事件都是什么？

这里不写submit事件，也能够阻止提交啊？

登录后可查看更多问答，登录/注册

响应式开发与常用框架 2018

参与学习人
提交作业 2198 份
解答问题 5012 个

如果你有web端基础，既想进阶，又想进军移动端开发，那就来吧，我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等，让你在前端道路上畅通无阻！

本课精华内容

问答作业

图片高度不一样的问题

45 24

请问老师原理是什么

70 16

请问老师到底是什么机制

44 12

我的js为什么绑定不上啊

0 11

请问这个怎么解释

44 11

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载