jQuery微信开放平台注册表单

<script src="js/jquery.min.js"></script>

<script> 

//显示提示框，目前三个参数(txt：要显示的文本；time：自动关闭的时间（不设置的话默认1500毫秒）；status：默认0为错误提示，1为正确提示；)

function showTips(txt,time,status)

{

var htmlCon = '';

if(txt != ''){

if(status != 0 && status != undefined){

htmlCon = '<div class="tipsBox" style="width:220px;padding:10px;background-color:#4AAF33;border-radius:4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;color:#fff;box-shadow:0 0 3px #ddd inset;-webkit-box-shadow: 0 0 3px #ddd inset;text-align:center;position:fixed;top:25%;left:50%;z-index:999999;margin-left:-120px;"><img src="images/ok.png" style="vertical-align: middle;margin-right:5px;" alt="OK，"/>'+txt+'</div>';

}else{

htmlCon = '<div class="tipsBox" style="width:220px;padding:10px;background-color:#D84C31;border-radius:4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;color:#fff;box-shadow:0 0 3px #ddd inset;-webkit-box-shadow: 0 0 3px #ddd inset;text-align:center;position:fixed;top:25%;left:50%;z-index:999999;margin-left:-120px;"><img src="images/err.png" style="vertical-align: middle;margin-right:5px;" alt="Error，"/>'+txt+'</div>';

}

$('body').prepend(htmlCon);

if(time == '' || time == undefined){

time = 1500; 

}

setTimeout(function(){ $('.tipsBox').remove(); },time);

}

}

 

$(function(){

//AJAX提交以及验证表单

$('#nextBtn').click(function(){

var email = $('.email').val();

var passwd = $('.passwd').val();

var passwd2 = $('.passwd2').val();

var verifyCode = $('.verifyCode').val();

var EmailReg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/; //邮件正则

if(email == ''){

showTips('请填写您的邮箱~');

}else if(!EmailReg.test(email)){

showTips('您的邮箱格式错咯~');

}else if(passwd == ''){

showTips('请填写您的密码~');

}else if(passwd2 == ''){

showTips('请再次输入您的密码~');

}else if(passwd != passwd2 || passwd2 != passwd){

showTips('两次密码输入不一致呢~');

}else if(verifyCode == ''){

showTips('请输入验证码~');

}else{

showTips('提交成功~ 即将进入下一步',2500,1);

//此处省略 ajax 提交表单 代码...

}

});

 

//切换步骤（目前只用来演示）

$('.processorBox li').click(function(){

var i = $(this).index();

$('.processorBox li').removeClass('current').eq(i).addClass('current');

$('.step').fadeOut(300).eq(i).fadeIn(500);

});

});

</script>