뉴스 레터 나 알림을 위해 이메일 주소를 캡처하는 HTML 양식을 설정하는 것보다 쉽지는 않습니까? 해당 양식의 전자 메일 주소를 잘못 입력 한 다음 브라우저에서 모든 가입 양식의 잘못된 주소를 기억하게하십시오.
양식에 입력 한 전자 메일 주소의 유효성을 검사하면서 복잡한 작업이나 스크립트를 피하려는 경우 HTML5를 사용하면 노력 없이도 JavaScript를 사용하지 않고도 브라우저를 사용할 수 있습니다.
HTML5로 이메일 주소 확인
사용자의 브라우저가 HTML 웹 양식에 이메일 주소를 입력 할 때 이메일 주소의 유효성을 검사하게하려면 다음을 수행하십시오.
- HTML5를 사용해야합니다.
- 당신은 그것을 사용하여 할 수 있습니다.
- 전자 메일 주소 양식 입력 요소를 "전자 메일"유형으로 지정하십시오. 아래 예를 참조하십시오.
type = "email"을 인식하지 못하는 브라우저는 입력 필드를 일반적인 type = "text"필드와 같이 처리해야합니다.
HTML5 전자 메일 주소 유효성 검사시주의 사항
HTML 이메일 주소 확인은 HTML5를 지원하는 브라우저에서만 작동하며 양식 요소 입력의 유효성을 검사합니다. 다른 브라우저 및 백업의 경우 PHP를 사용하여 전자 메일 주소의 유효성을 검사 할 수 있습니다.
HTML5 전자 메일 주소 유효성 검사를 지원하는 브라우저에는 Safari 5 이상, Chrome 6 이상, Mozilla Firefox 4 이상 및 Opera 10 이상이 포함됩니다. Safari 5 및 Google 크롬 6-8은 잘못된 이메일 주소 입력을 허용하지 않지만 다른 브라우저와 달리 사용자가 오류를 수정하는 데 도움이되지 않습니다.
HTML5 전자 메일 주소 유효성 검사의 예
HTML5로 사용자의 브라우저에서 이메일 주소를 확인하도록하려면 다음 코드를 사용하십시오.