[JavaScript] 영어, 숫자만 허용하는 정규표현식

웹에서 사용자의 입력 값을 검사할 때(ex. 아이디)
영어 대소문자와 숫자만으로 이루어진 문자열인지 체크하는 과정이 필요하다.
이 때, 자바스크립트에서 정규 표현식을 활용하여
문자열에 영문 대소문자, 숫자로만 이루어진 문자열인지 확인할 수 있는 방법이 있다.
이 방법에 대해 알아보자.

 

1) 정규 표현식 정의

: 정규 표현식(Regular Expression)이란 특정한 규칙(패턴)을 가진 문자열의 집합을 다루는 데 사용하는 형식 언어이다.
정규식이라고도 부르며, 보통 RegEx 혹은 RegExp로 많이 쓰인다.
자바스크립트 뿐 아니라 다양한 프로그래밍 언어에서 텍스트의 패턴을 검색하고, 치환하는 데 주로 사용한다.

 

2) 정규 표현식 활용

: 문자열이 영어 대소문자와 숫자로만 이루어졌는지 확인하기 위한 패턴을 정규 표현식으로 만들어보자.

var regex = /^[a-zA-Z0-9]*$/;

이 정규 표현식을 활용하여, 실제 문자열을 검사하는 방법은 아래와 같다.

예시

var regex = /^[a-zA-Z0-9]*$/;
var str1 = "JavaScript12";
console.log("str1: " + str1 + ", " + regex.test(str1));
var str2 = "JavaScript~!";
console.log("str2: " + str2 + ", " + regex.test(str2));

 

결과

 

[reference]

https://extbrain.tistory.com/143
https://kevinitcoding.tistory.com/entry/%EC%A0%95%EA%B7%9C-%ED%91%9C%ED%98%84%EC%8B%9D%EC%9D%B4%EB%9E%80