form表单内容为空禁止提交的方法

阻止form表单提交这种场景可能在生活中，我们经常碰到，而在我们第一印象里面可能我们用return false 去阻止表单默认行为。 　　但是，有中情况我们用return false 不能阻止表单提交

 
    
  
登录到pfan空间
    
  
这里有更多的知识分享，交流。
    
  
 
    
   
 
    
   
 
    
   
 
    
  

 

以上代码我们看着，好像没有错误，但是，表单依然可以提交，测试环境chrome。 　　但是我们将return false 改成用 e.preventDefault()，却可以达到阻止表单提交的效果：

 
    
  
登录到pfan空间
    
  
这里有更多的知识分享，交流。
    
  
 
    
   
 
    
   
 
    
   
 
    
  

 

onsubmit实现

 
    
  
登录到pfan空间
    
  
这里有更多的知识分享，交流。