메뉴 건너뛰기

?

단축키

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 17Nov
    by
    2016/11/17 Views 10323 

    JavaScript 에서 JSON 생성

  2. No Image 10Jan
    by
    2019/01/10 Views 2374 

    Javascript 로 초성검색하기

  3. No Image 27Feb
    by
    2014/02/27 Views 5702 

    JavaScript 날짜관련함수

  4. Javascript selectbox selected 컨트롤

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

  6. No Image 09Mar
    by
    2021/03/09 Views 224 

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

  7. No Image 09Mar
    by
    2021/03/09 Views 302 

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

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

  9. No Image 09Mar
    by 조쉬
    2021/03/09 Views 729 

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

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

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

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

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

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

  14. No Image 09Mar
    by
    2021/03/09 Views 513 

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

  15. No Image 01Mar
    by
    2014/03/01 Views 5356 

    input에 background-image 이벤트

  16. No Image 01Mar
    by
    2014/03/01 Views 6077 

    input 테그안의 숫자 3자리 마다 콤마 찍기

  17. No Image 16Jan
    by
    2019/01/16 Views 1104 

    input 태그에서 name과 id의 차이

  18. No Image 01Mar
    by
    2014/03/01 Views 6271 

    input 빈칸 체크

  19. No Image 27Feb
    by
    2014/02/27 Views 5455 

    input 박스에서 유용한 자바 스크립트

  20. input type file multiple list (파일 업로드 리스트 확인)

Board Pagination Prev 1 ... 4 5 6 7 8 9 10 11 12 13 Next
/ 13

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved