메뉴 건너뛰기

?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

javascript를 통해 자주 사용하는 유효성 체크 함수들을 남겨봅니다.

 

이메일 체크 정규식

function ValidateEmail(inputText) {
    var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
    if (mailformat.test(inputText)) {
        return true;
    } else {
        alert("입력하신 값은 이메일 형식이 아닙니다.");
        //focus 처리가 필요하면 이곳에! $("#email").focus();
        return false;
    }
}

사용 결과

//true
ValidateEmail("myhappyman@naver.com");  //true
ValidateEmail("myhappyman@test.co.kr");  //true


//false
ValidateEmail("myhappymantest.co.kr");  //false
ValidateEmail("myhappyman@naver.com2");  //false

IP 체크 정규식

function ValidateIPaddress(inputText) {
    var ipformat = /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;
    if (ipformat.test(inputText)) {
        return true;
    } else {
        alert("입력하신 값은 IP형식이 아닙니다.");
        //focus 처리가 필요하면 이곳에! $("#ip").focus();
        return false;
    }
}

사용 결과

//true
ValidateIPaddress("0.0.0.0");  //true
ValidateIPaddress("255.255.255.255");  //true

//false
ValidateIPaddress("0");  //false
ValidateIPaddress("-1.0.255.255");  //false
ValidateIPaddress("255.0.11.256");  //false

비밀번호 체크 정규식

비밀번호는 개발하면서 많은 포맷이 사용될텐데 주석을 통해 원하는 방식으로 변경하여 사용하거나 커스텀을 하면 좋을것 같다.

function ValidatePassword(inputText) {
    var pwformat = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{6,20}$/;
    if (pwformat.test(inputText)) {
        return true;
    } else {
        alert("비밀번호 형식을 지켜주세요.\n비밀번호는 숫자, 소문자, 대문자를 1개이상, 6~20자리 이내로 입력해주세요.");
        return false;
    }
}

사용 결과

//true
ValidatePassword("fdsfdasQ2321!") //true
ValidatePassword("Ffdaf2321!") // true

//false
ValidatePassword("fdaf2321!") //false 대문자가 없음
ValidatePassword("QWERQWER!") //false 소문자가 없음
ValidatePassword("javascript") // false 대문자, 숫자가 없음

다른 정규식 방식

//비밀번호의 다양한 정규식
// * 하나 이상의 숫자와 특수 문자가 포함하는 7~15자 비밀번호
var pwformat = /^(?=.*[0-9])(?=.*[!@#$%^&*])[a-zA-Z0-9!@#$%^&*]{7,15}$/;

// * 하나 이상의 소문자, 대문자, 숫자 및 특수 문자를 포함하는 8~15자 비밀번호
var pwformat = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[^a-zA-Z0-9])(?!.*\s).{8,15}$/;

체크하는 정규식의 값만 변경 해주면 원하는 비밀번호 패턴을 체크할 수 있습니다.


  1. No Image 26Mar
    by
    2021/03/26 Views 1545 

    opener 값전달, 함수실행.(자식창에서 부모창으로 값전달, 함수실행)

  2. No Image 26Mar
    by
    2021/03/26 Views 260 

    getYear(); 크롬, 파이어폭스 에서 제대로 작동 안하는 문제

  3. DTREE 트리구조 만들기

  4. No Image 26Mar
    by
    2021/03/26 Views 258 

    페이지 이동

  5. No Image 26Mar
    by
    2021/03/26 Views 266 

    default 매개변수(매개변수 기본값)

  6. No Image 25Mar
    by
    2021/03/25 Views 384 

    자바스크립트에서 이벤트 중단 하는 방법

  7. No Image 25Mar
    by
    2021/03/25 Views 334 

    현재 날짜, 시간 ( Month + 1 에 대해서 )

  8. No Image 25Mar
    by
    2021/03/25 Views 411 

    오브젝트 속성

  9. jqgrid 이용한 그리드 활용하기

  10. HTML, Javscript - 선택한 색상으로 배경색 바꾸기(pallet 만들기)

  11. No Image 09Mar
    by
    2021/03/09 Views 351 

    Javascript - 입력받은 숫자를 순서대로 홀짝 별로 배열에 삽입하기

  12. Javascript - Free SVG 한국맵 제어 처리

  13. No Image 09Mar
    by
    2021/03/09 Views 344 

    Javascript - form태그 내부 ajax처리시 2번 전송되는 현상

  14. javascript - vanillaJS로 체크박스(checkbox) 제어하기

  15. No Image 09Mar
    by 조쉬
    2021/03/09 Views 797 

    Javascript - 유효성 체크(이메일 정규식, IP 정규식, 비밀번호 등)

  16. Javascript - 사업자 등록번호 유효성 체크

  17. No Image 09Mar
    by
    2021/03/09 Views 567 

    Javascript - Calendar 달력 생성하고 제어하기

  18. No Image 09Mar
    by
    2021/03/09 Views 279 

    Javascript - 입력한 년, 월의 마지막 날짜 구하기

  19. Javascript - 화면 캡처 후 서버에 저장하기(html2canvas 사용법, 주의사항)

  20. Javascript - 이미지 미리보기 회전되어 나옴(EXIF)

Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 13 Next
/ 13

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved