jquery实现用户信息修改验证输入方法汇总
本文实例讲述了jquery实现用户信息修改验证输入方法。分享给大家供大家参考。具体如下：
varrealnameFlag=0;
varaddressFlag=0;
varzipFlag=0;
varcellphoneFlag=0;
varhomephoneFlag=0;
varoldpasswordFlag=1;
varnewpasswordFlag=1;
//判断email
functioncheck_email()
{
$("#showSpan").hide();
varemail=$.trim($("#email").val());
if(email==null||email=="")
{
emailFlag=1;
$("#emailMsg").html("<spanclass='tips'>请输入邮箱信息</span>");
return;
}
//判断输入框内是否为邮箱格式
if(email.replace(/[^\x00-\xff]/g,"**").length<=4||email.replace(/[^\x00-\xff]/g,"**").length>=50)
{
$("#emailMsg").html("<spanclass='tips'>邮箱长度不正确</span>");
emailFlag=1;
return;
}
varreg=/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/;
if(reg.test(email)){
$("#emailMsg").html("");
emailFlag=0;
return;
}else{
$("#emailMsg").html("<spanclass='tips'>邮箱格式不正确</span>");
emailFlag=1;
return;
}
}
functioncheck_realname()
{
$("#showSpan").hide();
varrealname=$.trim($("#realname").val());
//判断是否为空
if(realname==null||realname=="")
{
$("#realnameMsg").html("<spanclass='tips'>请输入真实姓名，20个英文或10个汉字</span>");
realnameFlag=1;
}elseif(realname.indexOf("··")!=-1)
{
$("#realnameMsg").html("<spanclass='tips'>请输入真实姓名，20个英文或10个汉字</span>");
realnameFlag=1;
//姓名前后不能加·
}elseif(realname.substring(0,1)=="·"||realname.substring(realname.length-1)=="·")
{
realnameFlag=1;
$("#realnameMsg").html("<spanclass='tips'>请输入真实姓名，20个英文或10个汉字</span>");
}else
{
varreg=newRegExp("^([a-zA-Z]|[\\u4E00-\\u9FFF])+$","g");
if(!reg.test(realname))
{
$("#realnameMsg").html("<spanclass='tips'>请输入真实姓名，20个英文或10个汉字</span>");
realnameFlag=1;
}else
if(realname.replace(/[^\x00-\xff]/g,"**").length>=4&&realname.replace(/[^\x00-\xff]/g,"**").length<=20)
{
realnameFlag=0;
$("#realnameMsg").html("");
}else{
realnameFlag=1;
$("#realnameMsg").html("<spanclass='tips'>请输入真实姓名，20个英文或10个汉字</span>");
}
}
}
functioncheck_cellphone()
{
$("#showSpan").hide();
varcellphone=$.trim($("#cellphone").val());
while(true){
varstart=cellphone.substring(0,1);
if(start=="0"){
cellphone=cellphone.substring(1);
}else{
break;
}
}
$("#cellphone").val(cellphone);
if(cellphone==null||cellphone==""){
$("#cellphoneMsg").html("<spanclass='tips'>请输入移动电话号码</span>");
cellphoneFlag=1;
return;
}
varre=/^1{1}[3,4,5,8]{1}\d{9}$/;//判断是否为数字的正则表达式
if(!re.test(cellphone)){
cellphoneFlag=1;
$("#cellphoneMsg").html("<spanclass='tips'>请输入正确的移动电话号码</span>");
return;
}else{
cellphoneFlag=0;
$("#cellphoneMsg").html("");
}
}
functioncheck_homephone()
{
$("#showSpan").hide();
varhomephone=$.trim($("#homephone").val());
if(homephone==null||homephone=="")
{
homephoneFlag=0;
$("#homephoneMsg").html("");
return;
}
varre=/(^(\d{3,4}-)?\d{7,8})$|(^1{1}[3,4,5,8]{1}\d{9}$)/;
if(!re.test(homephone))
{
homephoneFlag=1;
$("#homephoneMsg").html("<spanclass='tips'>请正确输入电话号码,格式为：000-00000000</span>");
return;
}else
{
homephoneFlag=0;
$("#homephoneMsg").html("");
}
}
functioncheck_address()
{
$("#showSpan").hide();
varaddress=$.trim($("#address").val());
//判断是否为空
if(address==null||address=="")
{
$("#addressMsg").html("<spanclass='tips'>请输入详细地址</span>");
addressFlag=1;
}else
if(address.replace(/[^\x00-\xff]/g,"**").length>120){
addressFlag=1;
$("#addressMsg").html("<spanclass='tips'>长度超长</span>");
}else{
addressFlag=0;
$("#addressMsg").html("");
}
}
functioncheck_zip()
{
$("#showSpan").hide();
varzip=$.trim($("#zip").val());
varre=/^[0-9]+$/;
if(zip.length!=0&&(!re.test(zip)||zip.length!=6))
{
zipFlag=1;
$("#zipMsg").html("<spanclass='tips'>请输入邮政编码，由6位数字组成</span>");
}else
{
zipFlag=0;
$("#zipMsg").html("");
}
}
functioncheck_oldPassword()
{
$("#msgSpan").html("");
$("#newpsMsg").html("");
$("#repsMsg").html("");
varoldPS=$.trim($("#oldPassword").val());
if(oldPS==null||oldPS=="")
{
oldpasswordFlag=1;
$("#oldpsMsg").html("<spanclass='tips'>请输入旧密码</span>");
$(this).focus();
returnfalse;
}
varre=/^.{6,16}$/;
if(!re.test(oldPS))
{
oldpasswordFlag=1;
$("#oldpsMsg").html("<spanclass='tips'>旧密码输入长度不正确</span>");
$(this).focus();
returnfalse;
}
else
{
oldpasswordFlag=0;
$("#oldpsMsg").html("");
}
}
functioncheck_newPassword()
{
$("#oldpsMsg").html("");
$("#repsMsg").html("");
$("#msgSpan").html("");
$("#repeatPassword").val("");
varnewPS=$.trim($("#newPassword").val());
if(newPS==null||newPS=="")
{
newpasswordFlag=1;
$("#newpsMsg").html("<spanclass='tips'>请输入新密码,由6-16位字符组成!</span>");
$(this).focus();
returnfalse;
}
//varre=/^[A-Za-z0-9_-]{6,16}$/;
varre=/^.{6,16}$/;
if(newPS.replace(/[^\x00-\xff]/g,"**").length<6||newPS.replace(/[^\x00-\xff]/g,"**").length>16)
{
newpasswordFlag=1;
$("#newpsMsg").html("<spanclass='tips'>新密码长度不正确</span>");
$(this).focus();
returnfalse;
}
if(!re.test(newPS))
{
newpasswordFlag=1;
$("#newpsMsg").html("<spanclass='tips'>新密码长度不正确</span>");
$(this).focus();
returnfalse;
}else
{
newpasswordFlag=0;
$("#newpsMsg").html("");
}
}
functioncheck_repeatPassword()
{
$("#oldpsMsg").html("");
$("#newpsMsg").html("");
$("#msgSpan").html("");
if($("#repeatPassword").val()==null||$.trim($("#repeatPassword").val())=="")
{
$("#repsMsg").html("<spanclass='tips'>请输入重复新密码</span>");
$(this).focus();
newpasswordFlag=1;
returnfalse;
}else
if($.trim($("#repeatPassword").val())!=$.trim($("#newPassword").val()))
{
newpasswordFlag=1;
$("#repsMsg").html("<spanclass='tips'>两次密码输入的不一致!</span>");
$(this).focus();
returnfalse;
}else
{
newpasswordFlag=0;
$("#repsMsg").html("");
}
}
functioncheck_cardNum()
{
$("#vcodeMsg").html("");
$("#psMsg").html("");
$("#strmsg").hide();
varcardnum=$.trim($("#cardNum").val());
if(cardnum==null||cardnum=="")
{
$("#numMsg").html("<spanclass='tips'>请输入卡号</span>");
cardnumFlag=1;
returnfalse;
}else
{
$("#numMsg").html("");
cardnumFlag=0;
}
}
functioncheck_passWord()
{
$("#vcodeMsg").html("");
$("#numMsg").html("");
$("#strmsg").hide();
varpassword=$.trim($("#passWord").val());
if(password==null||password=="")
{
passwordFlag=1;
$("#psMsg").html("<spanclass='tips'>请输入密码</span>");
returnfalse;
}else
{
passwordFlag=0;
$("#psMsg").html("");
}
}
functioncheck_vcode()
{
$("#vcodeMsg").html("");
$("#psMsg").html("");
$("#numMsg").html("");
$("#strmsg").hide();
varvcode=$.trim($("#vcode").val());
if(vcode==null||vcode=="")
{
vcodeFlag=1;
$("#vcodeMsg").html("<spanclass='tips'>请输入验证码</span>");
returnfalse;
}
varre=/^[0-9]*$/;
if(!re.test(vcode))
{
vcodeFlag=1;
$("#vcodeMsg").html("<spanclass='tips'>请正确输入验证码</span>");
returnfalse;
}else
{
vcodeFlag=0;
$("#vcodeMsg").html("");
}
}
$(document).ready(function()
{
/***修改用户信息验证begini*/
//beginemail
$("#email").focus(function(){check_email();});
//邮箱格式判断
$("#email").blur(function(){check_email();});
//endemail
//benginrealname
$("#realname").focus(function(){check_realname();});
//校验realname是否正确
$("#realname").blur(function(){check_realname();});
//endrealname
//bengincellphone
$("#cellphone").focus(function(){check_cellphone();});
//手机号码格式判断
$("#cellphone").blur(function(){check_cellphone();});
//endcellphone
//benginhomephone
$("#homephone").focus(function(){check_homephone();});
$("#homephone").blur(function(){check_homephone();});
//endhomephone
//benginaddr
//校验address是否正确
$("#address").focus(function(){check_address();});
$("#address").blur(function(){check_address();});
//endaddr
//benginzip
$("#zip").focus(function(){check_zip();});
$("#zip").blur(function(){check_zip();});
//endzip
//获取市级
$("#province").change(function(){
varprovince=$(this).val();
$.post("_jquery",{"type":"getProvince",province:province},function(msg){
$("#city").html(msg);
$("#region").html("");
});
});
//获取县级
$("#city").change(function(){
varcity=$(this).val();
$.post("_jquery",{"type":"getCity",city:city},function(msg){
$("#region").html(msg);
});
});
/***修改用户信息验证end***********/
/***------密码修改验证begin*************/
//beginoldpassword
$("#oldPassword").focus(function(){check_oldPassword();});
$("#oldPassword").blur(function(){check_oldPassword();});
//endoldpassword
//beginnewpassword
$("#newPassword").focus(function(){check_newPassword();});
//newpassword
$("#newPassword").blur(function(){check_newPassword();});
//repeatpassword
$("#repeatPassword").focus(function(){check_repeatPassword();});
$("#repeatPassword").blur(function(){check_repeatPassword();});
/***------密码修改验证end*************/
/****---------卡查询表单提交验证begin***********/
varcardnumFlag=0;
varpasswordFlag=0;
varvcodeFlag=0;
$("#cardNum").focus(function(){check_cardNum();});
$("#cardNum").blur(function(){check_cardNum();});
$("#passWord").focus(function(){check_passWord();});
$("#passWord").blur(function(){check_passWord();});
$("#vcode").focus(function(){check_vcode();});
$("#vcode").blur(function(){check_vcode();});
$("#formsubmit").click(function(){
$("#strmsg").hide();
$("#numMsg").html("");
$("#psMsg").html("");
$("#vcodeMsg").html("");
varre=/^[0-9]*$/;
if(cardnumFlag!=0||$.trim($("#cardNum").val())==""||$("#cardNum").val()==null)
{
$("#cardNum").focus();
return;
}
if(passwordFlag!=0||$.trim($("#passWord").val())==""||$("#passWord").val()==null)
{
$("#passWord").focus();
return;
}
if(($("#vcode").val()!=""&&!re.test($("#vcode").val()))||vcodeFlag!=0||$("#vcode").val()=="")
{
$("#vcode").focus();
return;
}
$("#cardform").submit();
});
/****---------卡查询表单提交验证end***********/
//用户订单取消，
$("#cancelreason").focus(function(){
$("#errorinfo").html("");
$("#errorinfo").removeClass("tips");
});
$("#cancelreason").bind('inputpropertychange',function(){
varmaxLength=65;
if($(this).val().length>maxLength){
$(this).val($(this).val().substring(0,maxLength));
}
returnfalse;
})
//-----
});
//endready
//修改用户信息表单提交
functionformsubmit()
{
$("#showSpan").hide();
varprovince=$("#province").val();
varcity=$("#city").val();
varregion=$("#region").val();
$("#emailMsg").html("");
$("#realnameMsg").html("");
$("#cellphoneMsg").html("");
$("#homephoneMsg").html("");
$("#szcode").html("");
$("#addressMsg").html("");
$("#zipMsg").html("");
if(emailFlag!=0||$("#email").val()==null||$("#email").val()=="")
{
$("#email").focus();
return;
}
if(realnameFlag!=0||$("#realname").val()==null||$("#realname").val()=="")
{
$("#realname").focus();
return;
}
if($("input[name=sex]:checked").val()==null||$("input[name=sex]:checked").val()==""){
alert("请选择性别");
$("#sex").focus();
return;
}
if(cellphoneFlag!=0)
{
$("#cellphone").focus();
return;
}
if(homephoneFlag!=0)
{
$("#homephone").focus();
return;
}
if(province==""||city==""||region==""||province==null||city==null||region==null)
{
$("#szcode").html("<spanclass='tips'>请选择地区</span>");
return;
}
if(addressFlag!=0||$("#address").val()==null||$("#address").val()=="")
{
$("#address").focus();
return;
}
if(zipFlag!=0)
{
$("#zip").focus();
return;
}
$("#myform").submit();
}
//修改用户信息表单重置
functionformreset()
{
$("#showSpan").hide();
document.forms["myform"].reset();
$("#emailMsg").html("");
$("#realnameMsg").html("");
$("#cellphoneMsg").html("");
$("#homephoneMsg").html("");
$("#addressMsg").html("");
$("#zipMsg").html("");
$("#szcode").html("");
$("#province").html($("#hprovince").val());
$("#city").html($("#hcity").val());
$("#region").html($("#hregion").val());
}
//修改密码提交form
functionpsformSubmit()
{
$("#oldpsMsg").html("");;
$("#newpsMsg").html("");
$("#repsMsg").html("");
varoldps=$.trim($("#oldPassword").val());
varnewps=$.trim($("#newPassword").val());
varreps=$.trim($("#repeatPassword").val());
if(oldpasswordFlag!=0||oldps==""||oldps==null)
{
$("#oldPassword").focus();
return;
}
if(newpasswordFlag!=0||newps==""||newps==null)
{
$("#newPassword").focus();
return;
}
if(newpasswordFlag!=0||reps==null||reps==""||reps!=newps)
{
$("#repeatPassword").focus();
return;
}
$("#psform").submit();
}
//获取验证码
functiondochange()
{
///$("#vcodeImg").attr("src","_verifycode?"+newDate());
varimgObj="#vcodeImg";
$(imgObj).fadeOut('fast',function(){
vardatenow=newDate();
$(this).attr('src','_verifycode?ver='+datenow.getMilliseconds()).delay(200).fadeIn('slow');
});
}
functionremovefavorite(goodsid)
{
if(confirm('确定删除商品吗？'))
{
document.location.href="/myremovefavorite.html?goodsid="+goodsid;
}
}
functionselectProvince(value)
{//导出省份下市区信息。
$.post("_jquery",{"type":"getProvince",province:value},function(data){
$("#city").html(data);
$("#region").html("");
});
}
functionselectCity(value)
{//导出市区下县城信息。
$.post("_jquery",{"type":"getCity",city:value},function(data){
$("#region").html(data);
});
}
希望本文所述对大家的jquery程序设计有所帮助。