登陆验证的插件-创新互联

验证插件的使用方法

创新互联公司是由多位在大型网络公司、广告设计公司的优秀设计人员和策划人员组成的一个具有丰富经验的团队,其中包括网站策划、网页美工、网站程序员、网页设计师、平面广告设计师、网络营销人员及形象策划。承接:成都做网站、网站制作、网站改版、网页设计制作、网站建设与维护、网络推广、数据库开发,以高性价比制作企业网站、行业门户平台等全方位的服务。

1、需要进入文件jquery和jq_register.js(格式验证)、count_register(倒计时)



2、html部分

需要验证什么格式就对应加什么class,class可以自己命名也可以用默认的class。

 
	
	
	
	
	
  
  

hello world!

3、验证部分

验证required部分,需要给每一个元素都加上类名crequired,同时加上索引index,对应的值就可以在回调函数中判断。

$("p").click(function(){

     $(".register").register({
     
              required:true,
              
              norequiredCallBack:function(obj){
              
                   if (obj==1)
                  console.log("姓名不能为空");
                  
                   if (obj==2)
                  console.log("密码不能为空");
                  
                   if (obj==3)
                  console.log("确认密码不能为空");
                  
                   if (obj==4)
                  console.log("邮箱不能为空");
                  
                   if (obj==5)
                  console.log("电话号码不能为空");    
              }
          });
})

验证其他的,以email为例,直接加上类名cemail,或者自己定义一个,只要在register函数中把emailclass的属性重新定义过就行了。

$("p").click(function(){
     $(".register").register({
              email:true,
              emailclass:"youxiang",
              noemailCallBack:function(){
                console.log("邮箱格式不正确");
              },  
          }); 
        })

4、验证成功的回调函数

 $("p").click(function(){
     $(".register").register({
              email:true,                         
              noemailCallBack:function(){

              	  console.log("邮箱格式不正确");

              },  
               successCallBack:function(){
               
                 // ajax写在这里

              }                    
          });        
        })

5、返回值部分

返回值有true和false,ture为验证成功,false为验证不成功

 $("p").click(function(){

      var registerli=$(".register").register({
              email:true,            
              noemailCallBack:function(){

              	  console.log("邮箱格式不正确");

              },             
               successCallBack:function(){
                 // ajax写在这里

              }         
            
          });
          
        console.log(registerli);

        })

倒计时使用

Html部分

获取验证码
$(".getCode").countRegister({
    count:60,
    timeStartCallback:function(){

    },
    timeOutCallback:function(){

    }
})
附件:http://down.51cto.com/data/2366709

创新互联www.cdcxhl.cn,专业提供香港、美国云服务器,动态BGP最优骨干路由自动选择,持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证, 机房独有T级流量清洗系统配攻击溯源,准确进行流量调度,确保服务器高可用性。佳节活动现已开启,新人活动云服务器买多久送多久。


分享标题:登陆验证的插件-创新互联
文章网址:http://scjbc.cn/article/dpodhd.html

其他资讯