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>
$(".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>
相关文章推荐
- Jquery的img附加在UL下以及img附加在div下
- js/jquery使用过程遇到的问题
- Jquery.Datatables 结合时间段查询,daterangepicker实现Datatables表格带参数查询
- jQuery ajax返回parsererror
- jquery.lazyload.js图片延迟加载(懒加载)--转载
- 用原生JS模仿jquery,需要HTML5的支持
- JQuery Mobile实现导航栏和页脚
- jquery实现图片缩小放大的切换
- jQuery UI插件之datepicker的自定义设置
- JQuery随心笔记----JQuery对象和DOM对象的相互转换
- jquery jqGrid翻页记录原来数据并勾选已选择的数据
- Jquery.Datatables 导出excel
- jquery 清除动画队列不疑惑
- jquery自学(二)----(字典向,可供方法忘记时查询)
- jQuery实时刷新显示数据
- jQuery Validate 插件
- jQuery 事件 - live() 方法
- 使用jQuery和CSS自定义HTML5 Video 控件 简单适用
- 近20个绚丽实用的jQuery/CSS3侧边栏菜单
- jQuery学习基础总结