Programing/JS

[정규식] Jquery(제이쿼리) 및 정규식을 이용한 Body 속성 찾기

lejh 2020. 10. 17. 10:37

 

<body id="LoginBd">
    <div id="loginbox">
            <div class="loginid">
                <input type="text" id="txtLoginID" title="아이디" name="userId" 
                placeholder="username" />
                <div class="clear"></div>
            </div>
            <div class="loginpw">
                <input type="password" id="txtLoginPW" title="패스워드" name="passwd" 
                placeholder="password" />
                <div class="clear"></div>
            </div>
            <p class="nrm"><input id="btnLogin" class="btn_login" type="button" alt="로그인" 
            onclick="Login();return false;" value="로그인"></p>
        </div>
    </div>
</body>

 

위와 같이 Body부분에 ID를 뽑아서 어떠한 작업을 해야되는 경우가 있습니다.(세션 체크, 로그인 체크 등)

 

정규식으로 Body 속성 값 가져오기

exec는 $(/<body id="(LoginBd)"/.exec(htmlText))에서 /<body id="(LoginBd)"/와 일치하는부분을 뽑은 다음 배열 형태로 리턴 해줍니다. 

 

요약(Summary)

- 정규표현식과 일치하는 문자열을 찾아서 배열을 리턴

- exec(string) 형태로 사용

- array, 정규표현식과 일치하는 문자열들을 배열에 담아서 리턴, 일치하는 값이 없을 경우 null을 리턴

- 일치하는 문자가 있는지 없는지를 체크하기를 원한다면 test, search. 메소드나 exec(string).length > 1 사용. 

- 정규표현식으로 탐색할 필요가 없을 경우는 string object의 indexOf 메소드나 lastIndexOf 메소드를 사용