ioerror

개요 정규식을 이용한 이메일 주소 유효성 확인을 위한 Javascript의 기본 기능은 이메일 유효성 확인에서 소개를 했는데, jQuery의 플러그인을 만들어 보자. 먼저 이메일 주소를 입력창에 입력했을 때 바로 확인할 때와 폼 전송할 때 확인할 때 같이 사용하는 플러그인이다. 이메일 주소 확인 정규식 코드 이메일 주소를 입력하고 포커스를 이동하면 정규식을 통해 유효성 확인하고 오류이면 메시지를 출력한다. 정규식 패턴의 상세 내용은 "[JS] 이메일 주소 유효성 확인하기(feat. 정규식)"에서 확인 가능하다. $('#email').change(function() { let email = $(this).val(); let pattern_email = /^[\w-]+(\.[\w-]+)*@([\w-]+\.)..

jQuery를 이용한 것은 여기에서 정규식을 이용한 이메일 유효성 체크 플러그인 1. 요구 기능 입력된 이메일 주소의 유효성을 체크하고 유효하지 않으면 alert으로 경고를 띄우고 입력된 값은 지워준 후 포커싱 한다. 2. 주요 내용 1) 이메일 정규식과 이메일 입력 값의 비교 방법 2) VanillaJS에서의 change 이벤트 처리 방법 (onchange, event listener) 3. 이메일 정규식 자바스크립트에서 이메일 정규식은 2가지의 정규식이 있고, 정규식 표현방식도 2가지가 있으며, 입력값과 정규식 비교 방법도 2가지가 있으며 어느 것을 사용해도 상관없다. var pattern = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA..