Welcome 微信登录

首页 / 脚本样式 / JavaScript / jquery实现用户信息修改验证输入方法汇总

本文实例讲述了jquery实现用户信息修改验证输入方法。分享给大家供大家参考。具体如下:
var realnameFlag = 0;var addressFlag = 0;var zipFlag=0;var cellphoneFlag=0;var homephoneFlag=0;var oldpasswordFlag=1;var newpasswordFlag=1;//判断emailfunction 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;}elseif (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;}elseif ( $.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;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("");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());}//修改密码提交formfunction 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());varimgObj="#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程序设计有所帮助。