一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

js仿网易表单及时验证功能

时间:2017-06-02 编辑:简简单单 来源:一聚教程网

今天研究了网易“用户注册表单”与“及时验证功能”,不得不说,无论是它的布局结构,还是验证功能,都是刷新了本真人的眼界,居然可以这样!

来图镇楼!

html代码:

 

    

    

    

   

   

   

    

    

    

    

     

     

      

通行证用户名:

      

@163.com

      

     

 

     

      

登录密码:

      

      

     

 

     

      

重复登录密码:

      

      

     

 

     

      

性别:

      

       

      

      

     

 

     

      

真实姓名:

      

      

     

 

     

      

昵称:

      

      

     

 

     

      

关联手机号:

      

      

     

 

     

      

保密邮箱:

      

      

     

 

     

      

      

     

 

    

    

 

    

   

   

   

    

    

    

   

  

 代码如下 复制代码

"http://www.w3.org/TR/html4/strict.dtd">

 

 

 网易新用户注册页面

 

 

 

  function aa(){

   var reg = /[\u4e00-\u9fa5]/g;/*这里本真人,已做修改*/

   var name = document.getElementById("realName").value;

   if(reg.test(name)==false){

    alert("只能为汉字");

   }else{

    alert("正确");

   }

  }

 

 

 

 

  

   

   

 

 

热门栏目