const regexpEmail = /^([a-z]+\d*)+(\.?[a-z]*)+@[a-z]+(\.[a-z]{2,3})+$/; if (!regexpEmail.test(email)) { return alert("올바른 형식의 Email을 입력하세요."); } 정규식과 조건문에는 아무런 문제가 없었다. 다시 보고 또다시 봐도 그랬다. 그런데 왜 정규식에 부합하는 input값을 넣어도 [그림 1]과 같이 alert이 뜨는 것일까? 황당하게도 email 관련 DOM 처리 시 trim함수에 ()를 붙이지 않아서였다. const email = document.querySelector("#email").value.trim; // .trim -> .trim() console.log를 찍어보니 입력한 email 값이 ..

JavaScript 주요 포인트 #22 required 메시지 이벤트 setCustomValidity input type이 required일 때 form submit에서 커스텀 메시지를 줄 수 있다. Email: PW: Tel: 로그인 alert과 정규식 alert와 정규식을 이용해서 커스텀 메시지를 줄 수 있다. if 문을 사용하므로 setCustomValidity 보다 코드가 복잡해진다. Email: PW: 로그인 checkValidity checkValidity로 form 태그가 아닌 일반 div 안에서도 필수 입력 메시지를 제어할 수 있다. 이메일 비밀번호 로그인