本文实例讲述了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程序设计有所帮助。

예, JavaScript의 엔진 코어는 C로 작성되었습니다. 1) C 언어는 효율적인 성능과 기본 제어를 제공하며, 이는 JavaScript 엔진 개발에 적합합니다. 2) V8 엔진을 예를 들어, 핵심은 C로 작성되며 C의 효율성 및 객체 지향적 특성을 결합하여 C로 작성됩니다.

JavaScript는 웹 페이지의 상호 작용과 역학을 향상시키기 때문에 현대 웹 사이트의 핵심입니다. 1) 페이지를 새로 고치지 않고 콘텐츠를 변경할 수 있습니다. 2) Domapi를 통해 웹 페이지 조작, 3) 애니메이션 및 드래그 앤 드롭과 같은 복잡한 대화식 효과를 지원합니다. 4) 성능 및 모범 사례를 최적화하여 사용자 경험을 향상시킵니다.

C 및 JavaScript는 WebAssembly를 통한 상호 운용성을 달성합니다. 1) C 코드는 WebAssembly 모듈로 컴파일되어 컴퓨팅 전력을 향상시키기 위해 JavaScript 환경에 도입됩니다. 2) 게임 개발에서 C는 물리 엔진 및 그래픽 렌더링을 처리하며 JavaScript는 게임 로직 및 사용자 인터페이스를 담당합니다.

JavaScript는 웹 사이트, 모바일 응용 프로그램, 데스크탑 응용 프로그램 및 서버 측 프로그래밍에서 널리 사용됩니다. 1) 웹 사이트 개발에서 JavaScript는 HTML 및 CSS와 함께 DOM을 운영하여 동적 효과를 달성하고 jQuery 및 React와 같은 프레임 워크를 지원합니다. 2) 반응 및 이온 성을 통해 JavaScript는 크로스 플랫폼 모바일 애플리케이션을 개발하는 데 사용됩니다. 3) 전자 프레임 워크를 사용하면 JavaScript가 데스크탑 애플리케이션을 구축 할 수 있습니다. 4) node.js는 JavaScript가 서버 측에서 실행되도록하고 동시 요청이 높은 높은 요청을 지원합니다.

Python은 데이터 과학 및 자동화에 더 적합한 반면 JavaScript는 프론트 엔드 및 풀 스택 개발에 더 적합합니다. 1. Python은 데이터 처리 및 모델링을 위해 Numpy 및 Pandas와 같은 라이브러리를 사용하여 데이터 과학 및 기계 학습에서 잘 수행됩니다. 2. 파이썬은 간결하고 자동화 및 스크립팅이 효율적입니다. 3. JavaScript는 프론트 엔드 개발에 없어서는 안될 것이며 동적 웹 페이지 및 단일 페이지 응용 프로그램을 구축하는 데 사용됩니다. 4. JavaScript는 Node.js를 통해 백엔드 개발에 역할을하며 전체 스택 개발을 지원합니다.

C와 C는 주로 통역사와 JIT 컴파일러를 구현하는 데 사용되는 JavaScript 엔진에서 중요한 역할을합니다. 1) C는 JavaScript 소스 코드를 구문 분석하고 추상 구문 트리를 생성하는 데 사용됩니다. 2) C는 바이트 코드 생성 및 실행을 담당합니다. 3) C는 JIT 컴파일러를 구현하고 런타임에 핫스팟 코드를 최적화하고 컴파일하며 JavaScript의 실행 효율을 크게 향상시킵니다.

실제 세계에서 JavaScript의 응용 프로그램에는 프론트 엔드 및 백엔드 개발이 포함됩니다. 1) DOM 운영 및 이벤트 처리와 관련된 TODO 목록 응용 프로그램을 구축하여 프론트 엔드 애플리케이션을 표시합니다. 2) Node.js를 통해 RESTFULAPI를 구축하고 Express를 통해 백엔드 응용 프로그램을 시연하십시오.

웹 개발에서 JavaScript의 주요 용도에는 클라이언트 상호 작용, 양식 검증 및 비동기 통신이 포함됩니다. 1) DOM 운영을 통한 동적 컨텐츠 업데이트 및 사용자 상호 작용; 2) 사용자가 사용자 경험을 향상시키기 위해 데이터를 제출하기 전에 클라이언트 확인이 수행됩니다. 3) 서버와의 진실한 통신은 Ajax 기술을 통해 달성됩니다.


핫 AI 도구

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

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

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

Clothoff.io
AI 옷 제거제

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

인기 기사

뜨거운 도구

SecList
SecLists는 최고의 보안 테스터의 동반자입니다. 보안 평가 시 자주 사용되는 다양한 유형의 목록을 한 곳에 모아 놓은 것입니다. SecLists는 보안 테스터에게 필요할 수 있는 모든 목록을 편리하게 제공하여 보안 테스트를 더욱 효율적이고 생산적으로 만드는 데 도움이 됩니다. 목록 유형에는 사용자 이름, 비밀번호, URL, 퍼징 페이로드, 민감한 데이터 패턴, 웹 셸 등이 포함됩니다. 테스터는 이 저장소를 새로운 테스트 시스템으로 간단히 가져올 수 있으며 필요한 모든 유형의 목록에 액세스할 수 있습니다.

SublimeText3 Linux 새 버전
SublimeText3 Linux 최신 버전

DVWA
DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는

ZendStudio 13.5.1 맥
강력한 PHP 통합 개발 환경

안전한 시험 브라우저
안전한 시험 브라우저는 온라인 시험을 안전하게 치르기 위한 보안 브라우저 환경입니다. 이 소프트웨어는 모든 컴퓨터를 안전한 워크스테이션으로 바꿔줍니다. 이는 모든 유틸리티에 대한 액세스를 제어하고 학생들이 승인되지 않은 리소스를 사용하는 것을 방지합니다.
