전자 메일의 html5 패턴 오류 메시지를 변경하는 방법

Question

Html5 필수 속성은 일반적으로 "이 필드를 채워주십시오."라는 오류 메시지를 추가합니다. 그것은 쉽게 다음 코드 그러나

oninvalid="setCustomValidity('Custom text in another language..')" 
oninput="setCustomValidity('')" 

변경할 수 있습니다, 나는 형의 이메일을 입력을 사용할 때, 난 여전히 같은 메시지를 얻을 것으로 나타났습니다 " '다음 일부를 입력하세요 @." 및 "이메일 주소에 '@'를 포함하십시오. 어떻게 변경합니까?

Answer 1

사용자 지정 오류 메시지는 요소의 제목에서 왔으며, 또는 말한대로 setCustomValidity을 사용하여 나타납니다. "이메일 주소에 '@'를 포함하십시오."와 같은 메시지는 type="email" 속성에서 왔습니다. 예를 들어, required 특성이있을 때 유사한 오류 메시지가 있습니다. 따라서이 메시지는 브라우저에서 제공되며 사용자의 브라우저 언어로 표시됩니다. 브라우저는 이미 사용자가 이해할 수있는 언어로되어 있기 때문에 브라우저에 기본으로 사용되므로이 표준 오류 메시지에 익숙해집니다.