[javascript] 입력필드에 특정 패턴이 입력되었는지 검사하는 방법은?

05 Dec 2023

javascript

입력 필드에 특정 패턴이 입력되었는지 검사하는 방법은 정규 표현식을 사용하는 것입니다.

const input = document.querySelector("#input-field");
const pattern = /^[a-zA-Z0-9]+$/;

input.addEventListener("input", () => {
  const value = input.value;
  if (pattern.test(value)) {
    // 입력된 값이 패턴과 일치하는 경우
    // 원하는 동작을 수행합니다
  } else {
    // 입력된 값이 패턴과 일치하지 않는 경우
    // 원하는 동작을 수행합니다
  }
});

위의 예시 코드에서는, input 필드에 input 이벤트 리스너를 등록하여 입력값이 변경될 때마다 패턴 검사를 수행합니다. 입력값과 정규 표현식 패턴 pattern을 test() 메소드를 사용하여 비교합니다. 패턴과 일치하는 경우에는 원하는 동작을 수행하고, 패턴과 일치하지 않는 경우에는 다른 동작을 수행할 수 있습니다.

참고 자료: