JS——简单的正则表达式验证-白红宇

JS——简单的正则表达式验证

阅读量：6300 次

发布时间：2019-06-22

本文共 1441 字，大约阅读时间需要 4 分钟。

<!-- 用户注册：结构层：html;表现层：css;行为层：javascript;

html利用ul,li来构造：

注意事项：1、每个Input都要有相应的id,这是在js中去调用的。

2、<a href="javascript:void(0)"></a>，添加javascript:void(0)是为了阻止链接的跳转。

行为层：js

js编写的主体思路：1、中心点：每一个input框，也就是获取的inp=document.getElementsByTagName("input");

2、针对input输入框会有点击即获得焦点的状态，和失去焦点的状态。

3、当获得焦点的时候，会给用户名、输入框、提示图标（改变背景图片的位置）变成蓝色，即添加point样式。

4、当input输入框失去焦点时，会给用户名、输入框、提示图标变成红色，即添加error样式。

5、当input输入框内容正确后，会给用户名、输入框变成-->。

zhuye

     
            
              
       
        用户注册
       
         
                  
                      
                         
          用户帐号：
                
          给自己起个名字吧，它将成为您登录本站的用户名
              
         
           
           
                      
                         
          电子邮箱：
                
          请输入您的常用邮箱地址，此邮箱地址将作为修改密码
              
         
           
           
                      
                         
          手机号码：
                
          请输入您的手机号码，方便我们之间的联系
              
         
           
           
                      
                         
          安全密码：
                
          请输入安全密码，它将作为您的登录密码
              
         
           
           
                      
                         
          确认密码：
                
          请将上面的密码再输入一次
              
         
           
           
                      
                         
          
                
          立即注册