您的位置:首页 > Web前端 > JQuery

jquery 验证注册的代码

2016-03-09 13:14 651 查看
$(function(){
$(".btn").click(function(){
var userName= $("#uname").val();
var userPass= $("#pwd").val();
var userPass2=$("#pwd2").val();
var phone=$("#phone").val();
var IDcard=$("#IDcard").val();
var vercode =$("#varcode").val();

userPass=$.trim(userPass);
userPass2=$.trim(userPass2);

$(".input_div1 span,.input_div2 span,.input_div3 span,.input_div4 span,.input_div6 span,.input_div5 span").html("");
$(".btn").val('注册中...').attr('disabled','disabled');
if(!isPhone(phone)){
$(".input_div_2 span").html('<font color=red>手机格式不正确!</font>');
$("#phone").focus();
$(".btn").val('注册').removeAttr('disabled');
return false;
}else if(userPass.length <6){
$(".input_div3 span").html('<font color=red>最少6位!</font>');
$("#pwd").focus();
$(".btn").val('注册').removeAttr('disabled');
return false;
}else if(userPass != userPass2){
$(".input_div4 span").html('<font color=red>两次输入的密码不一致!</font>');
$("#pwd2").focus();
$(".btn").val('注册').removeAttr('disabled');
return false;
}else if(!isRegisterUserName(userName)){
$(".input_div1 span").html('<font color=red>请输入您的真实姓名!</font>');
$("#uname").focus();
$(".btn").val('注册').removeAttr('disabled');
return false;
} else if(!isIDcard(IDcard)){
$(".input_div_id span").html('<font color=red>身份证格式不正确!</font>');
$("#IDcard").focus();
$(".btn").val('注册').removeAttr('disabled');
return false;
} else if(vercode ==''){
$(".input_div5 span").html('<font color=red>输入短信验证码!</font>').fadeIn();
$("#varcode").focus();
$(".btn").val('注册').removeAttr('disabled');
return false;
} else{$('#registerForm').submit()}

})

$(".change").click(function(){
$("#imgcode").attr('src','vercode');
})

});

function isRegisterUserName(s){
var patrn= /^[\u4e00-\u9fa5 ]{2,20}$/;
if (!patrn.test(s)) return false
return true
}

function isPhone(phone){
var myreg = /^(13[0-9]|14[0-9]|15[0-9]|18[0-9])\d{8}$/;
if(!myreg.test(phone)) return false;
return true;
}
function isIDcard(s){
var patrn= /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
if (!patrn.test(s)) return false
return true
}

</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: