정규표현식

https://curryyou.tistory.com/234

[자바스크립트] 정규표현식(Regular Expression) 기초/기본 쉽고 상세한 사용 방법 정리(샘플 예제 코

 

https://newehblog.tistory.com/54

 

email아이디 검사

 

비밀번호 숫자, 영어로 6글자 이상.

내가 작성한 코드.

id.addEventListener('change', function() {
    const email = id.value;
    const regExp = /(\w+)@(\w+)\.(\w+)/;

    // if(!email.match(regExp)) {
    if(!regExp.test(email)) {
        console.log('이메일이 아닙니다.');
        id_validate.classList.remove('blind');
        id_area.classList.add('active_borders');
        id_empty_validate.classList.add('blind');
    } else {
        console.log('이메일입니다.');
        id_validate.classList.add('blind');
        id_area.classList.remove('active_borders');
    }
});

pw.addEventListener('change', function() {
    const password = pw.value;
    const regExp = /[a-zA-Z0-9]{6,}/g;

    if(!regExp.test(password)) {
        console.log('숫자, 영어 조합 6자리 이상 입력해야 합니다.');
        pw_validate.classList.remove('blind');
        pw_area.classList.add('active_borders');
        pw_empty_validate.classList.add('blind');
    } else {
        console.log('이메일입니다.');
        pw_validate.classList.add('blind');
        pw_area.classList.remove('active_borders');
    }
});