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

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

时间:2014-10-15 11:00来源:网络整理 作者:网络 点击:
分享到:
大写锁定的思路是:判断输入的字符的最新一位是否是大写字母,如果是大写字母,则提示大写锁定键打开。这种方法并不十分准确,网上有一些插件能判

大写锁定的思路是:判断输入的字符的最新一位是否是大写字母,如果是大写字母,则提示大写锁定键打开。这种方法并不十分准确,网上有一些插件能判断大写锁定,在这里只是简单地做了一下判断。

提示文字( Chrome下 )

①获得焦点、点击时

②输入时

失去焦点时与此效果相同

失去焦点时与此效果相同

失去焦点时与此效果相同

失去焦点时与此效果相同

③失去焦点为空时

④出现大写时

密码栏目至此结束。

重复密码:失去焦点时判断是否和密码一致

reister.html代码片段:

<div class="ipt">
  <input type="password" name="rupwd" id="rupwd" value="" placeholder="确认密码" />
  <span id="rupwdchk"></span>
</div>

register.js代码片段:

$("#rupwd").focus(function(){
  
          var noticeMsg = '再次输入你设置的密码';
          notice($("#rupwdchk"),noticeMsg);
      })
        .click(function(){
      
          var noticeMsg = '再次输入你设置的密码';
          notice($("#rupwdchk"),noticeMsg);
      }).keydown(function(){
      
          //把焦点移至邮箱栏目
          if(event.keyCode == 13){
            
            $("#yzm").focus();
          }
      })
        .blur(function(){
      
          if(this.value == $("#upwd").val() && this.value!=""){
          
            success($("#rupwdchk"),"");

            rpwdval = true;
          }else if(this.value == ""){
          
            $("#rupwdchk").html("");
          }else{
          
            var errorMsg = '两次输入的密码不一致';
            error($("#rupwdchk"),errorMsg);
          }
});

提示文字:

①获得焦点、点击时

②失去焦点时和密码不一致、一致时分别为

至此重复密码结束。

验证码:不区分大小写

验证码采用4位,可以包含的字符为数字1-9,字母a-f

点击验证码和刷新按钮都能刷新验证码

精彩图集

赞助商链接