登錄驗證的插件

驗證插件的使用方法

一、須要進入文件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>

二、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>

三、驗證部分

驗證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("郵箱格式不正確");
              },  
          }); 
        })

四、驗證成功的回調函數

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

              	  console.log("郵箱格式不正確");

              },  
               successCallBack:function(){
               
                 // ajax寫在這裏

              }                    
          });        
        })

五、返回值部分

返回值有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(){

    }
})