[JavaScript][문제해결] trim()에 괄호를 빠뜨려 생긴 문제

const regexpEmail = /^([a-z]+\d*)+(\.?[a-z]*)+@[a-z]+(\.[a-z]{2,3})+$/;
if (!regexpEmail.test(email)) {
  return alert("올바른 형식의 Email을 입력하세요.");
}

 

정규식과 조건문에는 아무런 문제가 없었다. 다시 보고 또다시 봐도 그랬다. 그런데 왜 정규식에 부합하는 input값을 넣어도 [그림 1]과 같이 alert이 뜨는 것일까?

 

[그림 1] 어떠한 경우에도 뜨는 alert

 

황당하게도 email 관련 DOM 처리 시 trim함수에 ()를 붙이지 않아서였다.

const email = document.querySelector("#email").value.trim; // .trim -> .trim()

 

console.log를 찍어보니 입력한 email 값이 아닌 아래의 내용이 출력되어 있었다. 정규식에 부합하지 않으니 alert이 계속 뜰 수밖에...

ƒ trim() { [native code] }