자바스크립트에서 사용자 입력의 유효성을 검증할 때 종종 공백을 처리해야 합니다. 이 기술 블로그에서는 자바스크립트의 정규식을 활용하여 공백을 검증하는 방법에 대해 알아보겠습니다.

정규식을 사용한 공백 검증

사용자가 입력한 값을 유효성을 검사할 때 보통 trim() 함수를 사용하여 앞뒤 공백을 제거합니다. 하지만 때로는 중간에 있는 공백도 검증해야 할 필요가 있습니다. 여기서 정규식이 유용하게 사용됩니다.

다음은 정규식을 사용하여 문자열에 공백이 포함되어 있는지를 검사하는 예제 코드입니다.

const input = "  Hello, World!  ";
const hasWhitespaces = /\s/.test(input);
console.log(hasWhitespaces); // true

위 예제에서 / 와 / 사이에 있는 \s는 공백 문자를 의미합니다. test() 함수는 정규식이 문자열과 일치하는지를 확인하고 그 결과를 boolean 형태로 반환합니다. 따라서 hasWhitespaces 변수에는 문자열에 공백이 포함되어 있는지 여부가 저장됩니다.

위 코드를 통해 우리는 입력한 문자열에 공백이 포함되어 있는지 쉽게 확인할 수 있습니다.

이제, 이 방식을 사용하여 사용자로부터 입력 받은 값에 공백이 포함되어 있는지를 검증할 수 있게 되었습니다.

이상으로 자바스크립트 정규식을 활용한 공백 검증에 대해 알아보았습니다.

참고문헌:

• MDN Web Docs - Regular Expressions
• MDN Web Docs - RegExp.prototype.test()