HTML简单注册界面——含表单验证

   最近学习HTML表单，感慨万千。虽然看起来好像不难学，但要是真自己实践起来问题却多多。这里是我写的一个简单的注册页面，只有“注册账号、密码、重输密码”三个文本框，还包含了原生JavaScript验证。（记一下，也希望能给有需要的人一点帮助。）

    下面直接上代码，已测试可运行，有问题可留言。

    虽然看起来代码一大段，但是主要内容不多——简单的表单内容、然后是js验证，而且是分开验证，应该比较容易懂，结合注释应该可以理解，这里就不详解了。

  
    
	
    
    
    
    
    

  	
  
  
  
  
 
  	
用户注册:
	

		

			

				
请输入账号：
				

				

			
			

				
请输入密码：
				

				

			
			

				
请确认密码：
				

				

			
			

				

				

					
				
			
		
	

   放几张效果图吧：

---

2019年9月25日更新：

修改背景为在线图片，添加测试地址：https://codepen.io/yansheng836/pen/aboMEmb

截图：