你好,我想问下这段代码的用处

你好,我想问下这段代码的用处

form.addEventListener('submit', function (event) {

if (!this.checkValidity()) {

//验证不通过时

event.preventDefault();

}

}, true)

我觉得如果input为:invalid的时候,本身就不会被提交了,这段代码是当提交时验证不通过时,阻止它的提交对吗,可是之前的invalid不是已经阻止了吗

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

监听的事件和对象不同,一个是监听的invalid事件,一个是表单的submit提交事件。

  • 是胡桃呀 提问者 #1
    非常感谢!
    2018-03-22 19:51:58
小丸子爱吃菜 2018-03-22 17:11:50

在点击 提交按钮时,进行这段代码,即 this.checkValidity() 验证不经过时,阻止气泡 。

祝学习愉快!

  • 提问者 是胡桃呀 #1
    你好,这个我明白了,我不明白的是明明在这步代码的上一步 form.addEventListener('invalid', function (event) { event.preventDefault(); }, true) 的这段代码中,如果验证不通过就已经阻止了表单提交,为何还要再在submit按钮上提交时再阻止一次。
    2018-03-22 18:53:48
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
响应式开发与常用框架 2018
  • 参与学习           人
  • 提交作业       2198    份
  • 解答问题       5012    个

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

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师