form验证不通过本来就不会提交表单,为什么还要判断验证失败阻止提交行为

来源:4-13 html5默认气泡修改演示

风雨不倒

2018-08-31 10:25:14

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

        if ( !this.checkValidity() ) {

            event.preventDefault();

        }

    });


写回答

1回答

好帮手慕星星

2018-08-31

form表单中有一个action属性,这个是往后台提交数据的。代码中的

http://img.mukewang.com/climg/5b8913df0001dfdc06290154.jpg

这个指的是表单中action数据的提交。

checkValidity()方法是:如果表单对象调用checkValidity()方法返回ture,则表明该表单内的所有表单控件都有效。只要有任意一个表单控件不能通过输入校验,表单对象的checkValidity()方法就会返回false,这时候只会执行函数,不能提交数据。在这个页面中,有没有这段代码都是可以的,因为表单中没有提交数据的属性,但是这么写是规范的,在项目中是真实使用到的。祝学习愉快~~

0

0 学习 · 5012 问题

查看课程