简易版用户注册表单验证功能

以下代码使用原生HTML、CSS、JS编写完成，可以直接在浏览器中解析运行查看效果，由于代码只完成了简单的验证功能，所以仅作为练手与参考的作用。

功能要求：

  1. 用户名不能为空
  2. 用户名必须在6-14位之间
  3. 用户名只能有数字和字母组成，不能含有其他符号（正则表达式）
  4. 密码和确认密码一致，邮箱地址合法
  5. 统一是去焦点验证
  6. 错误提示信息统一在span标签中提示，并且要求字体12号、红色
  7. 文本框再次获得焦点后，清空错误提示信息，如果文本框中数据不合法要求清空文本框的value
  8. 最终表单中所有项均合法方可提交

以下为整体代码：

  
    
    
    
    
  
  
    

      

        
用户注册
        

          
用户名：
          

            
            
        
        

          
密码：
          

            
            
        
        

          
确认密码：
          

            
            
        
        

          
邮箱：
          

            
            
        
        
        

          

              
            
      
    
  

效果图如下：