登陆验证的插件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了登陆验证的插件相关的知识,希望对你有一定的参考价值。

验证插件的使用方法

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

<script src="jquery-1.11.3.min.js"></script>
<script src="jq_register.js"></script>
<script src="count_register.js"></script>

2、html部分

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

 <div class="register">
	<input class="crequired cchinese" type="text" placeholder="请输入姓名" index="1"></input>
	<input class="cpassword crequired" type="text" placeholder="请输入密码" index="2"></input>
	<input class="cpasswordAgin crequired" type="text" placeholder="请再次输入密码" index="3"></input>
	<input class="cemail crequired" type="email" placeholder="请输入邮箱" index="4"></input>
	<input class="cphone cnumber" type="text" placeholder="请输入电话号码" index="5"></input>
  <div>
  <p>hello world!</p>

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的属性重新定义过就行了。

<input class="cemail crequired" type="email" placeholder="请输入邮箱" index="4"></input>
<input class="youxiang crequired" type="email" placeholder="请输入邮箱" index="4"></input>
$("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部分

<a class="get getCode">获取验证码</a>
$(".getCode").countRegister({
    count:60,
    timeStartCallback:function(){

    },
    timeOutCallback:function(){

    }
})

本文出自 “11695250” 博客,转载请与作者联系!

以上是关于登陆验证的插件的主要内容,如果未能解决你的问题,请参考以下文章

Jenkins持续集成 之 Active Directory身份登陆验证

VIM 代码片段插件 ultisnips 使用教程

WordPress - 代码片段插件

Wordpress - 将代码片段包含到布局的选定部分的插件

Word 文档的优秀代码片段工具或插件?

VSCode插件开发全攻略代码片段设置自定义欢迎页