Day 03 (정규 표현 식, demo 전화 메 일 등록)

2303 단어
정규 표현 식
알파벳 숫자 와 일부 특수 기호 로 구 성 된 것 입 니 다.: 문자 모드 를 묘사 하 는 대상 기능:
  • 모드 매 칭
  • 텍스트 검색
  • 바 꾸 려 면 정규 표현 식 을 사용 해 야 합 니 다. 첫 번 째 단 계 는 당신들 만 의 정규 표현 식 생 성 방식 이 두 가지 가 있 습 니 다
  • .
  • 구조 함 수 를 통 해 Var reg = new RegExp (표현 식, [수정자]) 를 만 듭 니 다.
  • 글자 의 양 (직접 양) 방식 으로 만 들 기 (암시 적 생 성) - 추천, Var reg = / 표현 식 / [수정자] 를 자주 사용 합 니 다.두 가지 당시 의 의 미 는 차이 가 있다. 하 나 는 인 스 턴 스 대상 을 만 들 었 고 2 는 하나의 대상 을 만 들 었 다.정규 표현 식 의 사용 방법:
  • reg. test (검 측 하고 자 하 는 변수);a) 기능: 정규 와 일치 하 는 지 확인 하 는 데 사용 합 니 다.b) 반환: 불 값, 일치 하면 true 로 돌아 가 고 일치 하지 않 으 면 false 로 돌아 갑 니 다.
  • reg. exec (검 측 하고 자 하 는 변수);a) 기능: 정규 와 일치 하 는 지 확인 하 는 데 사용 합 니 다.b) 반환: 일치 하면 배열 로 돌아 가 고 일치 하지 않 으 면 null 로 돌아 갑 니 다.i. 설명: 두 가지 속성 지원: index: 색인;input 내용
  • 표현 식
       :
    [abc]               
    [^abc]              
    [0-9]  0-9     
    [a-z]   a z       
    [A-Z]   A Z       
    
    
       :(   )
    .              ,         
    \w           
    \W            
    \d      
    \D       
    \s        
    \S         
    
    \r \t : ^xxx xxx xx$ xx : {n} n {n,m} n m {n,} n * 0 ? 0 1 + 1

    전의 문자: 특수 기 호 를 원래 의 문자 로 복원 합 니 다. \ 이 기 호 를 통 해 전의 가 필요 한 기호: [] {} ().? * + ^ $\ /
    demo 정규 메 일과 핸드폰 번호
    
    
        
            
            
        
        
              :<input type="text" id="us"/><br/>
              :<input type="text" id="yx"/>
            <button id="zc">  </button>
        
        <script type="text/javascript" src="jquery-3.2.1.min.js"/>
        <script type="text/javascript">
            $("#zc").click(function(){
                var us = $("#us").val();
                var yx = $("#yx").val();
    
                var reg = /^1[34578]\d{9}$/;
                var reg1 = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;    
    
                if(reg.test(us)&&reg1.test(yx)){
                    alert("    ");
                }else{
                    alert("     ");
                }
            });
        </script>
    
    </code></pre> 
    </article>
                                </div>
                            </div>

    좋은 웹페이지 즐겨찾기