공동주택 관리정보
게시판
      
상위분류 : 잡필방 중위분류 : 서류가방 하위분류 : 전산과 컴퓨터
작성자 : 문시형 작성일 : 2016-09-13 조회수 : 4,230
제 목 : jquery에서 정규식 사용하기

jquery에서 정규식 사용하기

형식 : 정규식변수.test(확인할값);

ex)   var reg_id = /^[A-Za-z0-9_-]{4,12}$/;
        alert($("#id").val());

자주쓰는 정규식

ID 정규식 : /^[A-Za-z0-9_-]{4,12}$/;    #숫자, 대문자, 소문자, 언더바(_),하이픈(-), 4~12자리

패스워드 정규식 :  /^.*(?=.{6,20})(?=.*[0-9])(?=.*[a-zA-Z]).*$/;    #영문,숫자를 혼합하여 특수문자가능 6~20자6~20자리

이메일 정규식 : /([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;

 

예제소스 :

<!DOCTYPE html>
<html>
  <head>
    <title>redlamp</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=no">
    <meta charset="utf-8">
    <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
    <script>
        $(document).ready(function(){
            $("#id_save").click(function(){
                var reg_id = /^[a-z0-9_-]{4,12}$/;
                var reg_pw = /^.*(?=.{6,20})(?=.*[0-9])(?=.*[a-zA-Z]).*$/;
                var reg_email = /([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;

                if(!reg_id.test($("#id").val())){
                            alert("아이디는 3-15자 이여야 하며 \n"
                                    +"마침표, '-', '_'를 제외한 문자는 사용하실수 없습니다.");

                }
                else if(!reg_pw.test($("#pw").val())){
                    alert('비밀번호 형식이 잘못되었습니다.\n'
                        +'(영문,숫자를 혼합하여 6~20자 이내)');
                }
                else if(!reg_email.test($("#email").val())){
                    alert('이메일 주소가 유효하지 않습니다');
                }
                else{
                    alert("정규식 검사 완료")
                }
            });
        });
    </script>
  </head>
  <body>
    ID : <input type="text" id="id"><br />
    비밀번호 : <input type="text" id="pw"><br />
    이메일 : <input type="text" id="email">
    <input type="button" value="저장" id="id_save">
  </body>
</html>

| | 목록으로