jQuery 정기검증 등록 페이지에 대한 자세한 설명-JS 튜토리얼-php.cn

집

웹 프론트엔드

JS 튜토리얼

jQuery 정기검증 등록 페이지에 대한 자세한 설명

小云云

Jan 10, 2018 am 09:40 AM

jquery 등록하다 페이지

이 글에서는 주로 사용자 이름, 비밀번호, 이메일 주소, 휴대폰 번호 등에 대한 정기 확인 작업 기술이 포함된 jQuery 정기 확인 등록 페이지 기능을 소개합니다. 필요한 친구들이 참고하면 모두에게 도움이 되기를 바랍니다.

이 글의 예시에서는 jQuery 정기 검증 등록 페이지 기능을 설명합니다. 참고를 위해 모든 사람과 공유하세요. 세부 사항은 다음과 같습니다.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>正则验证注册页面</title>
  <style type="text/css">
    .red{
      color:#cc0000;
      font-weight:bold;
    }
  </style>
  <script type="text/javascript" src="js/jquery-1.8.3.js"></script>
  <script language="JavaScript">
    function $(elementId){
      return document.getElementById(elementId).value;
    }
    function pId(elementId){
      return document.getElementById(elementId);
    }
//    用户名验证
    function checkUser(){
      var user = $("user");
      var userId = pId("user_prompt");
      userId.innerHTML="";
      var reg=/^[a-zA-Z][a-zA-Z0-9]{3,15}$/;
      if(reg.test(user)==false){
          userId.innerHTML="用户名不正确";
        return false;
      }
      return true;
    }
//    password check
    function checkPwd(){
      var pwd = $("pwd");
      var pwdId = pId("pwd_prompt");
       pwdId.innerHTML="";
      var reg = /^[a-zA-Z0-9]{4,10}$/;
      if(reg.test(pwd)==false){
        pwdId.innerHTML = "密码不能含有非法字符，长度在4-10之间";
        return false;
      }
      return true;
    }
     function checkRepwd(){
       var repwd = $("repwd");
       var pwd = $("pwd");
       var repwdId = pId("repwd_prompt");
        repwdId.innerHTML=""
       if(pwd!=repwd){
         repwdId.innerHTML="两次密码不一致";
         return false;
       }
       return true;
     }
//   邮箱验证
    function checkEmail(){
      var email = $("email");
      var email_prompt = pId("email_prompt");
      email_prompt.innerHTML="";
      var reg = /^\w+@\w+(\.[a-zA-Z]{2,3}){1,2}$/;
       if(reg.test(email)==false){
         email_prompt.innerHTML="Email格式不对，请输入正确email";
         return false;
       }
      return true;
    }
//      手机号验证
    function checkMobile() {
      var mobile = $("mobile");
      var mobileId = pId("mobile_prompt");
      mobileId.innerHTML="";
      var reMobile = /^1\d{10}$/;
       if (reMobile.test(mobile)==false){
         mobileId.innerHTML="手机号输入有误";
         return false;
       }
      return true;
    }
//    生日验证
    function checkBirth(){
      var birth = $("birth");
      var birthId = pId("birth_prompt");
      birthId.innerHTML="";
      var reg = /^((19\d{2})|(200\d))-(0?[1-9]|1[0-2])-(0?[1-9]|[1-2]\d|3[0-1])$/;
      if(reg.test(birth)==false){
        birthId.innerHTML="生日格式不对";
        return false;
      }
      return true;
    }
  </script>
</head>
<body>
<table class="main" border="0" callpadding="0" cellspacing="0">
  <tr>
    <td><img src="images/logo.jpg" alt="logo"><img src="images/banner.jpg" alt="banner"></td>
  </tr>
  <tr>
    <td class="hr_1">新用户注册</td>
  </tr>
  <tr>
    <td style="height: 10px;"></td>
  </tr>
    <form action="" method="post" name="myform">
  <tr>
     <td><table>
       <tr>
         <td class="left">用户名：</td>
         <td class="center"><input type="text" id="user" class="in" onblur="checkUser()"></td>
         <td><p id="user_prompt">用户名由英文字母和数字组成-4到16位字符，以字母开头</p></td>
       </tr>
       <tr>
         <td class="left">密码：</td>
         <td class="center"><input type="password" id="pwd" class="in" onblur="checkPwd()"></td>
         <td><p id="pwd_prompt">密码由英文字母和数字组成的4-10位字符</p></td>
       </tr>
       <tr>
         <td class="left">确认密码：</td>
         <td class="center"><input type="password" id="repwd" class="in" onblur="checkRepwd()"></td>
         <td><p id="repwd_prompt"></p></td>
       </tr>
       <tr>
         <td class="left">电子邮箱：</td>
         <td class="center"><input type="text" id="email" class="in" onblur="checkEmail()"></td>
         <td><p id="email_prompt"></p></td>
       </tr>
       <tr>
         <td class="left">手机号码：</td>
         <td class="center"><input type="text" id="mobile" class="in" onblur="checkMobile()"></td>
         <td><p id="mobile_prompt"></p></td>
       </tr>
       <tr>
         <td class="left">生日：</td>
         <td class="center"><input type="text " id="birth" class="in" onblur="checkBirth()"></td>
         <td><p id="birth_prompt"></p></td>
       </tr>
       <tr>
         <td class="left"> </td>
         <td class="center"><input name="" type="image" src="images/register.jpg" /></td>
         <td> </td>
       </tr>
     </table>
     </td>
  </tr>
  </form>
</table>
</body>
</html>

로그인 후 복사

핫 AI 도구

Video Face Swap

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

뜨거운 도구

뜨거운 주제

Gmail 이메일의 로그인 입구는 어디에 있나요?

7686

자바 튜토리얼

1639

Cakephp 튜토리얼

1393

라라벨 튜토리얼

1287

PHP 튜토리얼

1229

Related knowledge

Xiaohongshu에 여러 계정을 등록하는 방법은 무엇입니까? 여러 계정을 등록하면 발각되나요? Mar 25, 2024 am 09:41 AM

소셜 네트워킹과 전자상거래를 통합한 플랫폼인 Xiaohongshu는 점점 더 많은 사용자를 끌어들이고 있습니다. 일부 사용자는 Xiaohongshu와 더 나은 상호 작용 경험을 위해 여러 계정을 등록하기를 원합니다. 그렇다면 Xiaohongshu에 여러 계정을 등록하는 방법은 무엇입니까? 1. Xiaohongshu에 여러 계정을 등록하는 방법은 무엇입니까? 1. 다른 휴대폰 번호를 사용하여 등록합니다. 현재 Xiaohongshu는 주로 휴대폰 번호를 사용하여 계정을 등록합니다. 사용자들은 때때로 여러 개의 휴대폰 번호 카드를 구입하여 여러 개의 Xiaohongshu 계정을 등록하는 데 사용하려고 합니다. 그러나 이 방법에는 여러 장의 휴대폰 번호 카드를 구입하는 것이 번거롭고 비용이 많이 들기 때문에 몇 가지 제한 사항이 있습니다. 2. 이메일을 사용하여 등록하세요. 휴대폰 번호 외에도 이메일을 사용하여 Xiaohongshu 계정을 등록할 수 있습니다. 사용자는 여러 개의 이메일 주소를 준비한 후 해당 이메일 주소를 사용하여 계정을 등록할 수 있습니다. 하지만

Xiaohongshu 계정을 등록하는 방법은 무엇입니까? Xiaohongshu 계정을 등록하려면 무엇이 필요합니까? Mar 22, 2024 am 10:16 AM

생활, 엔터테인먼트, 쇼핑, 공유를 통합한 소셜 플랫폼인 Xiaohongshu는 많은 젊은이들의 일상생활에서 없어서는 안 될 부분이 되었습니다. 그렇다면 Xiaohongshu 계정을 등록하는 방법은 무엇입니까? 1. Xiaohongshu 계정을 등록하는 방법은 무엇입니까? 1. Xiaohongshu 공식 웹사이트를 열거나 Xiaohongshu 앱을 다운로드하세요. 아래의 "등록" 버튼을 클릭하면 다양한 등록 방법을 선택할 수 있습니다. 현재 Xiaohongshu는 휴대폰 번호, 이메일 주소 및 제3자 계정(예: WeChat, QQ, Weibo 등) 등록을 지원합니다. 3. 관련 정보를 입력하세요. 선택한 등록 방법에 따라 해당 휴대폰 번호, 이메일 주소 또는 제3자 계정 정보를 입력하세요. 4. 비밀번호를 설정하세요. 계정을 안전하게 보호하려면 강력한 비밀번호를 설정하세요. 5. 인증을 완료합니다. 안내에 따라 휴대폰 인증 또는 이메일 인증을 완료하세요. 6. 개인을 온전케 하라

Xiaohongshu 계정을 등록하는 방법은 무엇입니까? 계정이 비정상인 경우 어떻게 복구하나요? Mar 21, 2024 pm 04:57 PM

세계에서 가장 인기 있는 라이프스타일 공유 플랫폼 중 하나인 Xiaohongshu는 수많은 사용자를 끌어 모았습니다. 그렇다면 Xiaohongshu 계정을 등록하는 방법은 무엇입니까? 이번 글에서는 Xiaohongshu 계정 등록 과정을 자세히 소개하고, Xiaohongshu 계정 이상 현상을 복구하는 방법에 대한 질문에 답변해 드리겠습니다. 1. Xiaohongshu 계정을 등록하는 방법은 무엇입니까? 1. Xiaohongshu 앱 다운로드: 모바일 앱 스토어에서 Xiaohongshu 앱을 검색하여 다운로드하고 설치가 완료된 후 엽니다. 2. 계정 등록: Xiaohongshu 앱을 연 후 홈페이지 오른쪽 하단에 있는 '나' 버튼을 클릭한 후 '등록'을 선택하세요. 3. 등록 정보 입력: 프롬프트에 따라 휴대폰 번호, 비밀번호, 인증 코드 및 기타 등록 정보를 입력합니다. 4. 개인정보 입력: 등록이 완료되면 안내에 따라 이름, 성별, 생일 등 개인정보를 입력하세요. 5. 설정

qooapp 계정 등록 방법 Mar 19, 2024 pm 08:58 PM

qooapp은 많은 게임을 다운로드할 수 있는 소프트웨어인데 계정을 등록하는 방법은 무엇입니까? 아직 패스가 없는 경우 "등록" 버튼을 클릭한 후 등록 방법을 선택해야 합니다. 이 계정 등록 방법 소개는 사용법을 설명하기에 충분합니다. 다음은 자세한 소개이므로 살펴보십시오. qooapp 계정을 등록하는 방법 답변: 등록을 클릭한 후 등록 방법을 선택하세요. 구체적인 방법: 1. 로그인 인터페이스에 들어간 후 아직 패스가 없습니까? 2. 그런 다음 필요한 로그인 방법을 선택하십시오. 3. 그 후 바로 사용하시면 됩니다. 공식 웹사이트 등록: 1. 웹사이트 https://apps.ppaooq.com/을 열고 오른쪽 상단을 클릭하여 등록합니다. 2. 등록 선택

WeChat 등록 후 얼마나 지났는지 어떻게 확인하나요? WeChat에 등록된 기간을 확인하는 방법 Mar 13, 2024 am 08:52 AM

WeChat은 풍부한 기능과 많은 사용자를 갖춘 인기 있는 소셜 소프트웨어입니다. 귀하가 WeChat에 등록한 기간을 확인하려는 경우, WeChat 자체에서 등록 시간 확인 기능을 직접 제공하지는 않지만 몇 가지 간접적인 방법을 통해 추측할 수 있습니다. 그러나 다양한 요인이 결과의 정확성에 영향을 미칠 수 있으므로 이러한 방법은 절대적으로 정확하지는 않습니다. 등록 시간에 대한 정확한 요구 사항이 있는 경우 WeChat 고객 서비스에 문의하여 상담하는 것이 좋습니다. WeChat 등록 후 얼마나 지났는지 어떻게 확인하나요? WeChat에 등록된 기간을 확인하는 첫 번째 방법은 QQ 메일함을 확인하는 것입니다. QQ를 사용하여 WeChat에 로그인하는 경우 등록이 성공적으로 완료되면 QQ 사서함에 WeChat에서 보낸 환영 이메일이 전송됩니다. QQ 메일함에서 "WeChat"을 검색하여 해당 이메일이 있는지 확인한 후 등록 시간을 확인할 수 있습니다. 두 번째 방법은 살펴보는 것입니다.

하나의 휴대폰 번호로 두 개의 B 사이트 번호를 등록하는 방법은 무엇입니까? 스테이션 B는 휴대폰 바인딩을 어떻게 해제합니까? Mar 21, 2024 pm 10:10 PM

Bilibili(빌리빌리)는 중국 젊은이들 사이에서 큰 인기를 얻고 있는 동영상 공유 웹사이트로 많은 사용자를 유치하고 있습니다. 일부 사용자는 별도로 관리하고 사용할 수 있도록 두 개의 Bilibili 계정을 갖고 싶어합니다. 그렇다면 하나의 휴대폰 번호로 두 개의 B 사이트 번호를 등록하는 방법은 무엇입니까? 이 기사에서는 이 문제와 휴대폰 바인딩을 해제하는 방법에 중점을 둘 것입니다. 1. 하나의 휴대폰 번호로 두 개의 B 사이트 번호를 등록하는 방법은 무엇입니까? 1. 새 계정 등록: 먼저 휴대폰에서 Bilibili 앱을 열거나 공식 웹사이트에 로그인한 후 "등록" 버튼을 클릭하고 휴대폰 번호, 이메일 또는 제3자를 사용하여 등록 방법을 선택할 수 있습니다. 당사자 계정(예: WeChat, QQ 등)을 등록합니다. 2. 계정 등록 시 시스템 안내에 따라 휴대전화 번호, 인증번호, 비밀번호 설정 등 필요한 정보를 입력하세요. 반드시 다른 계정을 사용하세요

비디오 번호 매트릭스 계정을 등록하는 방법은 무엇입니까? 나만의 비디오 계정을 만드는 방법은 무엇입니까? Mar 22, 2024 am 10:42 AM

WeChat 비디오 계정이 출시되면서 점점 더 많은 사람들이 새로운 트래픽 기회를 보게 되었습니다. 따라서 비디오 계정 매트릭스 계정을 등록하는 것이 많은 제작자와 판매자의 초점이 되었습니다. 그렇다면 비디오 번호 매트릭스 계정을 등록하는 방법은 무엇입니까? 나만의 비디오 계정을 만드는 방법은 무엇입니까? 이 기사에서는 이 두 가지 질문에 대해 자세히 답변할 것입니다. 1. 비디오 번호 매트릭스 계정을 등록하는 방법은 무엇입니까? 1. 위챗 계정: 먼저 위챗 계정이 필요합니다. 그렇지 않은 경우 먼저 등록하십시오. 2. 비디오 계정 개설: WeChat 앱에서 "검색" 페이지를 찾아 "비디오 계정"을 클릭하여 비디오 계정 페이지로 들어갑니다. 3. 크리에이터 센터: 영상 계정 페이지 하단의 '크리에이터 센터' 버튼을 클릭해 크리에이터 센터로 들어갑니다. 4. 비디오 계정 등록: 크리에이터 센터 페이지에서 "비디오 계정 등록" 옵션을 찾으세요.

NetEase Master는 로그아웃한 후 재등록할 수 있나요? Mar 07, 2024 pm 03:25 PM

NetEase Master 앱은 게이머를 위한 소셜 플랫폼입니다. 많은 사용자가 NetEase Master가 로그아웃한 후 재등록할 수 있는지 알고 싶어합니다. NetEase Master는 로그아웃한 후 다시 등록할 수 있습니까? 답변: 예. 1. NetEase Master는 로그아웃 후 재등록이 가능합니다. 2. 하지만 등록할 번호를 선택하려면 최소 1주일 동안 등록해야 합니다. 3. 계정을 지정할 수 없으며, 이전 데이터는 삭제됩니다. 4. 사용자가 로그아웃한 후에는 이전 정보 및 관련 잔액이 모두 삭제됩니다. 관련 기사: NetEase 마스터는 바인딩된 휴대폰 번호를 어떻게 변경합니까?

See all articles

jQuery 정기검증 등록 페이지에 대한 자세한 설명

핫 AI 도구

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

인기 기사

뜨거운 도구

메모장++7.3.1

SublimeText3 중국어 버전

스튜디오 13.0.1 보내기

드림위버 CS6

SublimeText3 Mac 버전

뜨거운 주제