preventDefault方法阻止浏览器的默认动作

在form表单提交的时候，我们通常需要对表单填写的内容进行验证，比如是否为空，格式是否正确之类的检查验证，在前端检查验证通过了才会提交到后端，虽然一般后端也会验证，但为了减轻服务器的压力，会先经过前端验证。所以在点击提交按钮的时候，不能直接提交到后台，而是先验证，如果填写不合格就不提交，都合格了再执行提交动作。

常用的阻止提交有两种方法：
1.直接return false，这个只对DOM1级提交事件有效，对DOM2级事件是无效的；
2.使用事件对象的preventDefault()方法，此方法对DOM1和DOM2级事件都起作用。

演示代码如下：

	
		
	
		
		
		
		
	
	
	
		
阻止浏览器默认动作
		

			

				
用户名:
				
密码:
				
邮箱:
				

			
		
		

			

				
用户名:
				
密码:
				
邮箱:
				

			
		
		

			

				
用户名:
				
密码:
				
邮箱:
				

			
		
		

		
	
	

谢谢观看！