登陸驗證的插件

驗證插件的使用方法

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(){

    }
})