龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > php编程 >

PHP+jQuery 注册模块开发详解(3)

时间:2014-10-15 11:00来源:网络整理 作者:网络 点击:
分享到:
register.js邮箱代码片段: //邮箱下拉js单独引用emailup.js$("#uemail").focus(function(){ var noticeMsg = '用来登陆网站,接收到激活邮件才能完成注册'; notice($("#uemailc

register.js邮箱代码片段:

//邮箱下拉js单独引用emailup.js
$("#uemail").focus(function(){
  
          var noticeMsg = '用来登陆网站,接收到激活邮件才能完成注册';
          notice($("#uemailchk"),noticeMsg);
        })
        .click(function(){
  
          var noticeMsg = '用来登陆网站,接收到激活邮件才能完成注册';
          notice($("#uemailchk"),noticeMsg);
        })
        .blur(function(){
        
          if(this.value!="" && this.value.match(/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/)!=null){
          
            //检测是否被注册
            $("#uemailchk").html("检测中...").attr("class","loading");
            //ajax查询用户名是否被注册
            $.post("./../chkemail.php",{
            
              //要传递的数据
              uemail : $("#uemail").val()
            },function(data,textStatus){
              
              if(data == 0){
              
                var successMsg = '恭喜,该邮箱可以注册';
                $("#uemailchk").html(successMsg).attr("class","success");

                emailval = true;
              }else if(data == 1){
              
                var errorMsg = '该邮箱已被注册';
                error($("#uemailchk"),errorMsg);
              }else{
              
                var errorMsg = '查询出错,请联系网站管理员';
                error($("#uemailchk"),errorMsg);
              }
            });
          }else if(this.value == ""){
          
            var errorMsg = '邮箱不能为空';
            error($("#uemailchk"),errorMsg);
          }else{
          
            var errorMsg = '请填写正确的邮箱地址';
            $("#uemailchk").html(errorMsg).attr("class","error");
          }
});

提示文字( Chrome下 )

①获得焦点时、点击时

②输入时

③失去焦点为空、格式错误、已被注册、可以注册时分别为

邮箱功能至此结束。

密码栏目:

要求

①6-16个个字符,区分大小写(参考豆瓣和网易)

②密码不能为同一字符

③实时提示是否符合要求以及判断并显示密码强度,:

  1.输入时如果为空(删除时)则用蓝色符号提示不能为空,超过长度时用红色符号

  2.密码满足长度但是为相同字符的组合时:密码太简单,请尝试数字、字母和下划线的组合

精彩图集

赞助商链接