基于JavaScript的HTML用户注册界面以及简单应用

二、实验内容

1. 创建用户注册页面文件register.html，界面如下图：

 2．新建JavaScript文件verify.js，对注册信息进行验证，各输入项的验证要求如图所示，若输入数据不符要求，显示红色提示信息。验证成功才能提交，否则不能提交。数据验证规则如下：

①用户名由6-10位字母和数字组成，至少包含1个字母和1个数字；

②年龄不能小于17岁；

③密码由6-10位字符组成，至少包含1个字母、1个数字和1个特殊符号；

④邮箱地址包含@字符。

三、实验要求

1. 功能实现思路：输入框用onBlur事件，当失去光标触发该事件，执行验证函数；数据验证使用正则表达式。

    
    
    
    
    


    

    

    

      
用户注册信息
        

            
用户名*:
            

        

        
        

            
年 龄*:

            

        
        

            
密码*：

            


        
        

            
确认密码*：
            

            


        
        

            
电子邮件*：

            

        
        

            
电话号码：

      
        
        

            
QQ号码：

      
        
        

            
 
           
 
        
    
    

    

效果图：

 

做的并不是十分美观，所有的要求的功能都已经实现，美观方面后期在使用css调整吧