메뉴 건너뛰기

?

단축키

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 16Jan
    by
    2019/01/16 Views 112141 

    유효한 링크인지 확인하는 JAVASCRIPT

  2. No Image 16Jan
    by
    2019/01/16 Views 1271 

    금액에 점찍고 한글 표시하기

  3. No Image 16Jan
    by
    2019/01/16 Views 1992 

    텍스트박스 입력제한(숫자,영문,한글,특수기호)

  4. No Image 16Jan
    by
    2019/01/16 Views 1450 

    span - 동적으로 글자 바꾸기, 보이기 안보이기

  5. No Image 16Jan
    by
    2019/01/16 Views 1167 

    풍선도움말

  6. No Image 29Apr
    by
    2019/04/29 Views 11053 

    랜덤 배너 노출 스크립트

  7. Alert, Confirm을 모달 팝업으로 만들기

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

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

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

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

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

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

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

  13. No Image 09Mar
    by 조쉬
    2021/03/09 Views 730 

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

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

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

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

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

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

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

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

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

  20. No Image 25Mar
    by
    2021/03/25 Views 237 

    오브젝트 속성

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

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved