본문 바로가기
개발/JavaScript

[JavaScript] 정규식 표현(로그인 , 회원가입 검증하기)

by 코딩하는 흰둥이 2023. 7. 24.
반응형
영문자 + 특수문자 + 숫자 포함하는 ~자리의 정규식
    $(document).ready(function (){
        
        // 영문자 + 특수문자 + 숫자 8~25자리 정규식
        const pwdCheck = /^(?=.*[a-zA-Z])(?=.*[!@#$%^*+=-])(?=.*[0-9]).{8,25}$/;
        var testValue = "abc123!@#"; // 정규식 검증하려는 변수
        if(pwdCheck.test(testValue.value) == false){
            alert("비밀번호는 영문자 + 특수문자 + 숫자를 포함한 8~25자리로 입력해주세요");
            return;
        }
   })

 

영어 소문자 + 대문자 + 특수문자 + 숫자를 포함하는 ~자리의 정규식
    $(document).ready(function (){
        // 영어 소문자 + 대문자 + 특수문자 + 숫자 9~25
        const pwdCheck = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[!@#$%^&*]).{9,25}$/;
        var testValue = "abc123!@#"; // 정규식 검증하려는 변수
        if(pwdCheck.test(testValue.value) == false){
            alert("비밀번호는 소문자 + 대문자 + 특수문자 + 숫자를 포함한 9~25자리로 입력해주세요");
            return;
        }
    })

 

영어 , 한글 , 숫자 만 사용 가능한 ~자리의 정규식
$(document).ready(function (){
        // 영어 , 한글 , 숫자 만 사용가능하고 1~15자리
        const pwdCheck =  /^[ㄱ-ㅎ|가-힣|a-z|A-Z|0-9|]{1,15}$/;
        var testValue = "abc123!@#"; // 정규식 검증하려는 변수
        if(pwdCheck.test(testValue.value) == false){
            alert("비밀번호는 영어 , 한글 , 숫자 중 1~15 자리로 입력해주세요");
            return;
        }
    })

 

영어 , 숫자 만 사용 가능한 ~자리의 정규식
    $(document).ready(function (){
        // 영어 , 숫자 만 사용가능하고 1~15자리
        const pwdCheck =   /^[A-Za-z0-9]{1,15}$/;
        var testValue = "abc123!@#"; // 정규식 검증하려는 변수
        if(pwdCheck.test(testValue.value) == false){
            alert("비밀번호는 영어 , 숫자 중 1~15 자리로 입력해주세요");
            return;
        }
    })

 

영어만 사용가능한 ~자리의 정규식
    $(document).ready(function (){
        // 영어만 사용가능하고 1~15자리
        const pwdCheck =   /^[a-z|A-Z]{1,15}$/;
        var testValue = "abc123!@#"; // 정규식 검증하려는 변수
        if(pwdCheck.test(testValue.value) == false){
            alert("비밀번호는 영어 1~15 자리로 입력해주세요");
            return;
        }
    })

 

숫자만 사용가능한 ~자리의 정규식
    $(document).ready(function (){
        // 숫자만 사용가능하고 1~15자리
        const pwdCheck =   /^[0-9]{1,15}$/;
        var testValue = "abc123!@#"; // 정규식 검증하려는 변수
        if(pwdCheck.test(testValue.value) == false){
            alert("비밀번호는 숫자 1~15 자리로 입력해주세요");
            return;
        }
    })

 

한글만 사용가능한 ~자리의 정규식
    $(document).ready(function (){
        // 한글만 사용가능하고 1~15자리
        const pwdCheck =   /^[가-힣]{1,15}$/;
        var testValue = "abc123!@#"; // 정규식 검증하려는 변수
        if(pwdCheck.test(testValue.value) == false){
            alert("비밀번호는 한글 1~15 자리로 입력해주세요");
            return;
        }
    })

 

글자수를 제한하지 않을꺼라면 { } 부분만 빼고 사용하면 된다

개발하면서 제일 많이 사용하는 몇가지 정규식만 정리하였다

이 외에 이메일 이나 주민등록번호 , 핸드폰 번호의 정규식 들도 있지만

자주 사용하지 않아서 우선 제외하였다

 

'개발 > JavaScript' 카테고리의 다른 글

[JavaScript] setInterval() 함수 사용하기  (0) 2023.07.30
[JavaScript] URL 직접 접근 막기  (0) 2023.07.29

댓글