jquery实现用户信息修改验证输入方法汇总

本文实例讲述了jquery实现用户信息修改验证输入方法。分享给大家供大家参考。具体如下：

var realnameFlag = 0;

var addressFlag = 0;

var zipFlag=0;

var cellphoneFlag=0;

var homephoneFlag=0;

var oldpasswordFlag=1;

var newpasswordFlag=1;

//判断email

function check_email()

{

$("#showSpan").hide();

var email = $.trim($("#email").val());

if (email == null || email == "")

{

emailFlag = 1;

$("#emailMsg").html("<span class='tips'>请输入邮箱信息</span>");

return;

}

// 判断输入框内是否为邮箱格式

if (email.replace(/[^x00-xff]/g, "**").length <= 4 || email.replace(/[^x00-xff]/g, "**").length >= 50)

{

$("#emailMsg").html("<span class='tips'>邮箱长度不正确</span>");

emailFlag = 1;

return ;

}

var reg = /^[w-]+(.[w-]+)*@[w-]+(.[w-]+)+$/;

if (reg.test(email)) {

$("#emailMsg").html("");

emailFlag = 0;

return ;

} else {

$("#emailMsg").html("<span class='tips'>邮箱格式不正确</span>");

emailFlag = 1;

return ;

}

}

function check_realname()

{

$("#showSpan").hide();

var realname = $.trim($("#realname").val());

// 判断是否为空

if (realname == null || realname == "")

{

$("#realnameMsg").html("<span class='tips'>请输入真实姓名，20个英文或10个汉字</span>");

realnameFlag = 1;

} else if (realname.indexOf("··") != -1)

{

$("#realnameMsg").html("<span class='tips'>请输入真实姓名，20个英文或10个汉字</span>");

realnameFlag = 1;

// 姓名前后不能加·

} else if (realname.substring(0, 1) == "·" || realname.substring(realname.length - 1) == "·")

{

realnameFlag = 1;

$("#realnameMsg").html("<span class='tips'>请输入真实姓名，20个英文或10个汉字</span>");

} else

{

var reg = new RegExp("^([a-zA-Z]|[u4E00-u9FFF])+$", "g");

if (!reg.test(realname))

{

$("#realnameMsg").html("<span class='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("<span class='tips'>请输入真实姓名，20个英文或10个汉字</span>");

}

}

}

function check_cellphone()

{

$("#showSpan").hide();

var cellphone = $.trim($("#cellphone").val());

while (true) {

var start = cellphone.substring(0, 1);

if (start == "0") {

cellphone = cellphone.substring(1);

} else {

break;

}

}

$("#cellphone").val(cellphone);

if (cellphone == null || cellphone == "") {

$("#cellphoneMsg").html("<span class='tips'>请输入移动电话号码</span>");

cellphoneFlag = 1;

return;

}

var re = /^1{1}[3,4,5,8]{1}d{9}$/; // 判断是否为数字的正则表达式

if (!re.test(cellphone)) {

cellphoneFlag = 1;

$("#cellphoneMsg").html("<span class='tips'>请输入正确的移动电话号码</span>");

return;

} else {

cellphoneFlag = 0;

$("#cellphoneMsg").html("");

}

}

function check_homephone()

{

$("#showSpan").hide();

var homephone = $.trim($("#homephone").val());

if(homephone == null || homephone == "")

{

homephoneFlag=0;

$("#homephoneMsg").html("");

return ;

}

var re=/(^(d{3,4}-)?d{7,8})$|(^1{1}[3,4,5,8]{1}d{9}$)/;

if(!re.test(homephone))

{

homephoneFlag=1;

$("#homephoneMsg").html("<span class='tips'>请正确输入电话号码,格式为： 000-00000000</span>");

return ;

}else

{

homephoneFlag=0;

$("#homephoneMsg").html("");

}

}

function check_address()

{

$("#showSpan").hide();

var address = $.trim( $("#address").val());

// 判断是否为空

if(address == null || address == "")

{

$("#addressMsg").html("<span class='tips'>请输入详细地址</span>");

addressFlag = 1;

}else

if (address.replace(/[^x00-xff]/g, "**").length > 120) {

addressFlag = 1;

$("#addressMsg").html("<span class='tips'>长度超长</span>");

} else {

addressFlag = 0;

$("#addressMsg").html("");

}

}

function check_zip()

{

$("#showSpan").hide();

var zip=$.trim($("#zip").val());

var re=/^[0-9]+$/;

if(zip.length != 0 && (!re.test(zip) || zip.length != 6))

{

zipFlag=1;

$("#zipMsg").html("<span class='tips'>请输入邮政编码，由6位数字组成</span>");

}else

{

zipFlag=0;

$("#zipMsg").html("");

}

}

function check_oldPassword()

{

 

$("#msgSpan").html("");

$("#newpsMsg").html("");

$("#repsMsg").html("");

var oldPS = $.trim($("#oldPassword").val());

if(oldPS == null || oldPS == "")

{

oldpasswordFlag = 1;

$("#oldpsMsg").html("<span class='tips'>请输入旧密码</span>");

$(this).focus();

return false;

}

var re=/^.{6,16}$/;

if(!re.test(oldPS))

{

oldpasswordFlag = 1;

$("#oldpsMsg").html("<span class='tips'>旧密码输入长度不正确</span>");

$(this).focus();

return false;

}

else

{

oldpasswordFlag = 0;

$("#oldpsMsg").html("");

}

}

function check_newPassword()

{

$("#oldpsMsg").html("");

$("#repsMsg").html("");

$("#msgSpan").html("");

$("#repeatPassword").val("");

var newPS = $.trim($("#newPassword").val());

if(newPS == null || newPS == "")

{

newpasswordFlag=1;

$("#newpsMsg").html("<span class='tips'>请输入新密码,由6-16位字符组成!</span>");

$(this).focus();

return false;

}

//var re=/^[A-Za-z0-9_-]{6,16}$/;

var re=/^.{6,16}$/;

if (newPS.replace(/[^x00-xff]/g, "**").length <6 || newPS.replace(/[^x00-xff]/g, "**").length > 16)

{

newpasswordFlag = 1;

$("#newpsMsg").html("<span class='tips'>新密码长度不正确</span>");

$(this).focus();

return false;

}

if(!re.test(newPS))

{

newpasswordFlag = 1;

$("#newpsMsg").html("<span class='tips'>新密码长度不正确</span>");

$(this).focus();

return false;

}else

{

newpasswordFlag = 0;

$("#newpsMsg").html("");

}

}

function check_repeatPassword()

{

$("#oldpsMsg").html("");

$("#newpsMsg").html("");

$("#msgSpan").html("");

if( $("#repeatPassword").val()==null || $.trim($("#repeatPassword").val()) =="")

{

$("#repsMsg").html("<span class='tips'>请输入重复新密码</span>");

$(this).focus();

newpasswordFlag = 1;

return false;

}else

if ( $.trim($("#repeatPassword").val()) != $.trim($("#newPassword").val()))

{

newpasswordFlag = 1;

$("#repsMsg").html("<span class='tips'>两次密码输入的不一致!</span>");

$(this).focus();

return false;

}else

{

newpasswordFlag = 0;

$("#repsMsg").html("");

}

}

function check_cardNum()

{

$("#vcodeMsg").html("");

$("#psMsg").html("");

$("#strmsg").hide();

var cardnum = $.trim( $("#cardNum").val());

if(cardnum == null || cardnum == "")

{

$("#numMsg").html("<span class='tips'>请输入卡号</span>");

cardnumFlag = 1;

return false;

}else

{

$("#numMsg").html("");

cardnumFlag=0;

}

}

function check_passWord()

{

$("#vcodeMsg").html("");

$("#numMsg").html("");

$("#strmsg").hide();

var password = $.trim( $("#passWord").val());

if(password == null || password == "" )

{

passwordFlag = 1;

$("#psMsg").html("<span class='tips'>请输入密码</span>");

return false;

}else

{

passwordFlag = 0;

$("#psMsg").html("");

}

}

function check_vcode()

{

$("#vcodeMsg").html("");

$("#psMsg").html("");

$("#numMsg").html("");

$("#strmsg").hide();

var vcode = $.trim( $("#vcode").val());

if(vcode == null || vcode =="")

{

vcodeFlag = 1;

$("#vcodeMsg").html("<span class='tips'>请输入验证码</span>");

return false;

}

var re= /^[0-9]*$/;

if(!re.test(vcode))

{

vcodeFlag = 1;

$("#vcodeMsg").html("<span class='tips'>请正确输入验证码</span>");

return false;

}else

{

vcodeFlag = 0;

$("#vcodeMsg").html("");

}

}

$(document).ready(function()

{

/*** 修改用户信息验证 begini */

// begin email

$("#email").focus(function() { check_email();});

// 邮箱格式判断

$("#email").blur(function(){check_email();});

//end email

//bengin realname

$("#realname").focus(function() {check_realname();});

// 校验realname是否正确

$("#realname").blur(function() {check_realname();});

//end realname

//bengin cellphone

$("#cellphone").focus(function() { check_cellphone(); });

// 手机号码格式判断

$("#cellphone").blur(function() { check_cellphone(); });

//end cellphone

//bengin homephone

$("#homephone").focus(function(){ check_homephone(); });

$("#homephone").blur(function(){ check_homephone();});

//end homephone

//bengin addr

// 校验address是否正确

$("#address").focus(function(){ check_address(); });

$("#address").blur(function() { check_address();});

//end addr

//bengin zip

$("#zip").focus(function(){ check_zip(); });

$("#zip").blur(function(){ check_zip(); });

//end zip

//获取市级

$("#province").change(function(){

var province=$(this).val();

$.post("_jquery", {"type":"getProvince" , province:province}, function(msg){

$("#city").html(msg);

$("#region").html("");

});

});

//获取县级

$("#city").change(function(){

var city=$(this).val();

$.post("_jquery", {"type":"getCity" , city:city}, function(msg){

$("#region").html(msg);

});

});

/*** 修改用户信息验证 end ***********/

/***------密码修改验证 begin *************/

//begin oldpassword

$("#oldPassword").focus(function(){ check_oldPassword();});

$("#oldPassword").blur(function(){ check_oldPassword();});

//end oldpassword

//begin newpassword

$("#newPassword").focus(function(){ check_newPassword();});

//newpassword

$("#newPassword").blur(function(){ check_newPassword();});

// repeatpassword

$("#repeatPassword").focus(function(){ check_repeatPassword();});

$("#repeatPassword").blur(function(){ check_repeatPassword();});

/***------密码修改验证 end *************/

/**** ---------卡查询表单提交验证 begin ***********/

var cardnumFlag = 0;

var passwordFlag = 0;

var vcodeFlag = 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("");

var re= /^[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('input propertychange', function() {

var maxLength = 65;

if ($(this).val().length > maxLength) {

$(this).val($(this).val().substring(0, maxLength));

}

return false;

})

//-----

});

//end ready

//修改用户信息表单提交

function formsubmit()

{

$("#showSpan").hide();

var province=$("#province").val();

var city=$("#city").val();

var region=$("#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("<span class='tips'>请选择地区</span>");

return ;

}

if(addressFlag != 0 || $("#address").val() == null || $("#address").val() == "")

{

$("#address").focus();

return ;

}

if(zipFlag != 0)

{

$("#zip").focus();

return ;

}

$("#myform").submit();

}

//修改用户信息表单重置

function formreset()

{

$("#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

function psformSubmit()

{

$("#oldpsMsg").html("");;

$("#newpsMsg").html("");

$("#repsMsg").html("");

var oldps = $.trim($("#oldPassword").val());

var newps = $.trim( $("#newPassword").val());

var reps = $.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();

}

//获取验证码

function dochange()

{

///$("#vcodeImg").attr("src","_verifycode?" + new Date());

var imgObj="#vcodeImg";

$(imgObj).fadeOut('fast', function(){

var datenow = new Date();

$(this).attr('src', '_verifycode?ver=' + datenow.getMilliseconds()).delay(200).fadeIn('slow');

});

}

function removefavorite(goodsid)

{

if(confirm('确定删除商品吗？'))

{

document.location.href="/myremovefavorite.html?goodsid="+goodsid;

}

}

function selectProvince(value)

{ //导出省份下市区 信息。

$.post("_jquery", {"type":"getProvince",province:value}, function(data){

$("#city").html(data);

$("#region").html("");

});

}

function selectCity(value)

{ //导出市区 下县城信息。

$.post("_jquery", {"type":"getCity",city:value}, function(data){

$("#region").html(data);

});

}

希望本文所述对大家的jquery程序设计有所帮助。