지이구
지구.log
지이구
전체 방문자
오늘
어제
  • 분류 전체보기 (89)
    • 프로그래밍언어 (25)
      • Java (12)
      • 자바스크립트 (12)
    • 웹 개발 (13)
      • HTML, CSS (4)
      • JSP (6)
      • API, Plugin (0)
      • 기타 (3)
    • 프레임워크 (20)
      • 스프링 (12)
      • Node.js (4)
      • 넥사크로 (4)
    • 데이터베이스 (6)
      • Oracle (3)
      • MySQL MariaDB (2)
    • 모바일 (1)
      • 안드로이드 (1)
      • iOS (0)
    • 운영체제 (3)
      • 리눅스 (3)
    • 연습 (12)
      • 프로그래머스 (12)
    • 자격증 (5)
      • 정보처리기사 (5)
    • 취미 (1)
      • 배경화면 (1)
반응형

블로그 메뉴

  • 홈

공지사항

인기 글

최근 댓글

최근 글

hELLO · Designed By 정상우.
지이구

지구.log

프로그래밍언어/자바스크립트

[Javascript] 한글, 영문, 숫자, 특수문자 유효성 검사

2021. 6. 15. 10:06

 

자바스크립트 유효성 검사

 

 

회원가입, 예약 등 폼에는 유효성 검사가 필수적으로 사용된다

이 때 String.test 메소드를 사용하면 된다

 

 

 

 

📌 사용법

var pattern_num = /[0-9]/;	// 숫자 
var pattern_eng = /[a-zA-Z]/;	// 문자 
var pattern_spc = /[~!@#$%^&*()_+|<>?:{}]/; // 특수문자
var pattern_kor = /[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/; // 한글체크

//pattern_OOO.test(str) => true면 해당 문자 있음, false면 해당 문자 없음!
if( (pattern_num.test(str)) && !(pattern_eng.test(str)) && !(pattern_spc.test(str)) && !(pattern_kor.test(str)) ){
    return true;
}else{
    alert("숫자만 입력 가능합니다.");
    return false;
}

 

 

이런식으로 유효성 검사를 해서 form을 submit하기 전에 체크한다

 

 

728x90
반응형
    '프로그래밍언어/자바스크립트' 카테고리의 다른 글
    • [Javascript] 자바 Date 타입을 문자열 YYYY-MM-DD 로 변환
    • [Javascript] length 배열의 길이, 문자열의 길이 구하기(+ length와 size 차이)
    • [Javascript] 월의 마지막날(말일) 구하기
    • [jquery] 상위, 하위, 형제 요소 선택 총 정리
    지이구
    지이구
    풀스택 개발자를 목표로 성장중인 병아리 개발자입니다. #ENFJ #5년차 #웹개발자 #집사

    티스토리툴바