jquery는 사용자 정보 수정 확인 입력 방법 summary_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程序设计有所帮助。

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











1. 먼저 딩톡을 실행하세요. 2. 그룹 채팅을 열고 오른쪽 상단에 있는 점 3개를 클릭하세요. 3. 이 그룹에서 내 닉네임을 찾아보세요. 4. 입력하여 수정하고 저장하려면 클릭하세요.

1. WeChat을 연 후 검색 아이콘을 클릭하고 WeChat 팀을 입력한 후 아래 서비스를 클릭하여 들어갑니다. 2. 입력 후 좌측 하단의 셀프 서비스 도구 옵션을 클릭하세요. 3. 클릭 후, 위 옵션 중 보조검증 차단해제/이의제기 옵션을 클릭해 주세요.

Douyin Blue V 인증은 Douyin 플랫폼에 있는 회사 또는 브랜드의 공식 인증으로 브랜드 이미지와 신뢰성을 높이는 데 도움이 됩니다. 기업 개발 전략 조정 또는 브랜드 이미지 업데이트로 인해 회사는 Douyin Blue V 인증의 이름을 변경할 수 있습니다. 그럼 Douyin Blue V가 이름을 바꿀 수 있을까요? 대답은 '예'입니다. 이 글에서는 기업 Douyin Blue V 계정의 이름을 수정하는 단계를 자세히 소개합니다. 1. Douyin Blue V의 이름을 변경할 수 있나요? Douyin Blue V 계정의 이름을 변경할 수 있습니다. Douyin의 공식 규정에 따라 기업 Blue V 인증 계정은 특정 조건을 충족한 후 계정 이름 변경을 신청할 수 있습니다. 일반적으로 기업은 이름 변경의 적법성과 필요성을 입증하기 위해 영업 허가증, 조직 코드 인증서 등과 같은 관련 지원 자료를 제공해야 합니다. 2. 기업 Douyin Blue V 계정의 이름을 수정하려면 어떤 단계를 거쳐야 합니까?

Win10 절전 시간 수정 팁 공개 현재 널리 사용되는 운영체제 중 하나인 Windows 10에는 사용자가 컴퓨터를 사용하지 않을 때 전원을 절약하고 화면을 보호할 수 있도록 절전 기능이 있습니다. 그러나 기본 절전 시간이 사용자의 요구 사항을 충족하지 못하는 경우도 있으므로 Win10 절전 시간을 수정하는 방법을 아는 것이 특히 중요합니다. 이 문서에서는 Win10의 절전 시간을 수정하여 시스템의 절전 설정을 쉽게 사용자 지정할 수 있는 팁을 공개합니다. 1. "설정"을 통해 Win10 절전 시간 수정 먼저, 가장 간단한 수정

PHP8은 최신 버전의 PHP로 프로그래머에게 더 많은 편의성과 기능을 제공합니다. 이 버전은 보안과 성능에 특별히 중점을 두고 있으며 주목할만한 새로운 기능 중 하나는 확인 및 서명 기능이 추가된 것입니다. 이 문서에서는 이러한 새로운 기능과 그 용도에 대해 자세히 살펴보겠습니다. 확인 및 서명은 컴퓨터 과학에서 매우 중요한 보안 개념입니다. 이는 전송된 데이터가 완전하고 확실한지 확인하는 데 자주 사용됩니다. 온라인 거래 및 민감한 정보를 처리할 때 확인 및 서명이 더욱 중요해집니다. 누군가가 데이터를 조작할 수 있다면 잠재적으로 그럴 수 있기 때문입니다.

Xianyu 플랫폼에 제품을 게시할 때 사용자는 실제 상황에 따라 제품의 지리적 위치 정보를 맞춤화할 수 있으므로 잠재 구매자가 제품의 특정 위치를 보다 정확하게 파악할 수 있습니다. 제품이 성공적으로 선반에 올려지면 판매자의 위치가 변경되더라도 걱정할 필요가 없습니다. Xianyu 플랫폼은 유연하고 편리한 수정 기능을 제공합니다. 그러면 게시된 제품의 주소를 수정하려면 어떻게 해야 합니까? 이 튜토리얼 가이드에서는 자세한 단계별 가이드를 제공할 수 있기를 바랍니다. 도와주세요! Xianyu에서 출시 제품 주소를 수정하는 방법은 무엇입니까? 1. Xianyu를 열고 내가 게시한 내용을 클릭한 후 제품을 선택하고 편집을 클릭합니다. 2. 위치 아이콘을 클릭하고 설정하려는 주소를 선택하세요.

Boss Direct Recruitment라는 구직 및 채용 소프트웨어에서 사용자는 자신의 인사말을 맞춤화하여 자신의 성격과 입사 지원 의지를 더 잘 보여줄 수 있습니다. 그러나 기본 인사말 용어가 다소 기계적이고 엄격할 때도 있습니다. 많은 사용자가 직접 변경하고 싶지만 설정 위치를 알지 못하는 경우가 있습니다. 따라서 이 튜토리얼 가이드에서는 자세한 내용을 알고 싶은 플레이어를 위해 자세한 수정 단계를 소개합니다. 이 글을 따라가서 알아보세요! 상사가 직접 인사할 사람을 고용할 때 답변을 변경하는 방법: [상사 직접 고용]-[나의]-[설정 아이콘]-[인사말 언어]. 구체적인 단계: 1. 먼저 상사 직접 채용 소프트웨어를 클릭합니다. 홈페이지에 들어간 후 오른쪽 하단의 [내]를 클릭합니다. 2. 그런 다음 마이 페이지로 이동하면 관련 데이터를 볼 수 있습니다.

제목: Go 언어 프로그래밍 가이드: Hosts 파일 수정 구현 일상적인 소프트웨어 개발 과정에서 우리는 운영 체제의 호스트 파일을 수정해야 하는 상황에 자주 직면합니다. 호스트 파일은 IP 주소와 호스트 이름을 매핑하는 데 사용되는 확장자가 없는 텍스트 파일로, 일반적으로 로컬에서 도메인 이름 확인을 설정하는 데 사용됩니다. 이번 글에서는 Go 언어를 사용하여 운영체제의 호스트 파일을 수정하는 기능을 구현하는 방법을 소개하고 구체적인 코드 예시를 제시하겠습니다. 먼저 호스트 파일을 수정할 수 있는 G를 만들어야 합니다.
