フォームの検証と携帯電話の検証コードを取得する小さなdemo
38739 ワード
// : , 。
// (1)
// 100,
// 101,
// (2) , " , "
function showTips(content) {
$('.tips>p').text(content).stop(true).slideDown(1000).delay(100).slideUp(2000)
}
// :
// ,
// ,
// 1. ,
// (1) " "
// (2) , " "
var $sendBt = $('#sendBt');
$sendBt.click(function () {
// (1) " "
if($('#mobile').val().trim()===""){
showTips(" ");
return;
}
//(2) , " "( )
if(!/^1\d{10}$/.test($('#mobile').val())){
showTips(" ");
return;
}
// , " ",
$sendBt.val(" 。。。").addClass("disabled");
$.ajax({
type:"get",
url:"getCode.php",
data:{
mobile:$('#mobile').val()
},
dataType:"json",
success: function (data) {
console.log(data);
if(data.code ===100){
showTips(data.msg);
var count = 3;
var timer = setInterval(function () {
count--;
$sendBt.val(count+' ');
if(count === 0){
clearInterval(timer);
$sendBt.val(' ').removeClass('disabled');
}
},1000)
}
if(data.code ===101){
showTips(data.msg);
$sendBt.val(' ').removeClass('disabled');
}
},
error: function (error) {
showTips(" ");
//
$sendBt.val(" ").removeClass("disabled");
}
})
})
//
// : ,
var $submitBt = $('#submitBt');
$submitBt.click(function () {
// 1:
//1.1 , " "
if($('.name').val().trim() == ""){
showTips(" ");
return;
}
//1.2 , " "
if($('.pass').val().trim() == ""){
showTips(" ");
return;
}
//1.3 , " "
if($('.repass').val() !== $('.pass').val()){
showTips(" ");
return;
}
// (1) " "
if($('#mobile').val().trim()==""){
showTips(" ");
return;
}
//(2) , " "( )
if(!/^1\d{10}$/.test($('#mobile').val())){
showTips(" ");
return;
}
//1.6 4 , " "
if(!/\d{4}$/.test($('.code').val())){
showTips(" ");
return;
}
// 2: , " ...",
if($submitBt.hasClass('disabled')){
return;
}
$submitBt.val(' ...').addClass('disabled');
// console.log($('#ajaxForm').serialize());
// 3: ,
$.ajax({
url: "register.php",
type: "post",
dataType: "json",
// $( ).serialize name ,
// , jquery data
// name=1234&pass=1234&mobile=15751776628&code=1234
data: $('#ajaxForm').serialize(),
//3.1
success: function (data) {
console.log(data);
//100 ,3s
if(data.code ===100){
showTips(data.msg);
setTimeout(function () {
location.href = "www.baidu.com";
},3000)
}
//101 " jepson "
if(data.code ===101){
showTips(data.msg);
$submitBt.val(' ').removeClass('disabled');
}
//102 " "
if(data.code ===102 ){
showTips(data.msg);
$submitBt.val(" ").removeClass('disabled');
}
},
//3.1 , " , ",
error: function (error) {
showTips(" , ");
$submitBt.val(' ').removeClass('disabled');
}
})
})