프로그래밍/JavaScript

[Javascript] 영어 대소문자와 숫자만 포함하는 정규식

떨어지는 용 2023. 4. 20. 14:17

▶Javascript 영어 대소문자와 숫자만 포함하는 정규식


▶설명


사용자의 입력 값을 검사할 때,

일반적으로 아이디 같은 경우에는 영어 대소문자와 숫자만으로 이루어진 문자열인지 검사가 필요합니다.

 

▶정규식


문자열이 영어 대소문자와 숫자만으로 존재하는지 확인을 위한 정규식은 아래와 같습니다.

/^[a-zA-Z0-9]*$/

 

정규식으로 검사 방법은 아래처럼 진행하면 됩니다.

var username = "이름";
var regex = /^[a-zA-Z0-9]*$/;
if (!regex.test(username))
{
	alert("실패");
}
else
{
    alert("성공");
}

 

▶사용 예제


정규식을 사용한 간단한 테스트 코드입니다.

 

아래는 크롬의 개발자 도구의 콘솔 창에서 작성한 테스트 코드입니다.

 

테스트 코드

개발자 도구에서 console.log 테스트 결과

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

console.log(regex.test("이름"));
// result : false

console.log(regex.test("이름123"));
// result : false

console.log(regex.test("이름!"));
// result : false

console.log(regex.test("name"));
// result : true

console.log(regex.test("Name"));
// result : true

console.log(regex.test("Name123"));
// result : true

console.log(regex.test("Name!"));
// result : false

영어, 숫자 외에 한국어 또는 특수문자가 있는 경우에는 false로 반환되는 것을 확인할 수 있습니다.

 

▶마치며


해당 정규식은 의외로 자주 사용하는 정규식입니다.

도움이 되었으면 좋겠습니다.