驗證插件的使用方法
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(){
}
})