form验证不通过本来就不会提交表单,为什么还要判断验证失败阻止提交行为
来源:4-13 html5默认气泡修改演示
风雨不倒
2018-08-31 10:25:14
form.addEventListener( "submit", function( event ) {
if ( !this.checkValidity() ) {
event.preventDefault();
}
});
1回答
form表单中有一个action属性,这个是往后台提交数据的。代码中的
这个指的是表单中action数据的提交。
checkValidity()方法是:如果表单对象调用checkValidity()方法返回ture,则表明该表单内的所有表单控件都有效。只要有任意一个表单控件不能通过输入校验,表单对象的checkValidity()方法就会返回false,这时候只会执行函数,不能提交数据。在这个页面中,有没有这段代码都是可以的,因为表单中没有提交数据的属性,但是这么写是规范的,在项目中是真实使用到的。祝学习愉快~~
相似问题
回答 2
回答 2