웹 플랫폼을 활용하여 이메일 유효성 검사

javascript의 이메일 유효성 검사는 웹 개발 세계에서 매우 일반적인 주제입니다.



첫 번째 본능은 Regex 에 대해 문자열을 일치시키는 것이지만 Regex 는 전자 메일 주소에 대한 전체 표준 사양을 수용하려고 시도하므로 매우 빠르게 복잡해질 수 있습니다.

stackoverflow에 대한 응답this accepted을 살펴보십시오.

const emailRegex =
        /^(([^<>()[\]\.,;:\s@\"]+(\.[^<>()[\]\.,;:\s@\"]+)*)|(\".+\"))@(([^<>()[\]\.,;:\s@\"]+\.)+[^<>()[\]\.,;:\s@\"]{2,})$/i;
const isValild = emailRegex.test(someEmail);

작동하지만 아무도 이유를 모릅니다!

브라우저에는 다양한 유형의 입력을 위한 양식validation이 내장되어 있습니다.

지정된 유형의 입력(이 경우 type="email" )은 유효한 이메일 주소가 있는 경우에만 유효합니다.

이 방법은 유효성 검사 부담을 브라우저로 오프로드하고 유효성 검사 질문에 간단한 답변을 제공하는 멋진 API를 표시합니다input.checkValidity() .

예시:

function validateEmailHTML(email = "") {
    // create an offscreen input element 
    let input = document.createElement("input");
    // give it the "email" type constraint 💌
    input.type = "email";
    // fill it ✍️
    input.value = email;
    // profit 🎉
    return input.checkValidity();
}

주목 해 주셔서 감사합니다!
:wq