2010-12-31 7 views
6

HTML5 "전자 메일"필드 - <input type="email"/>을 사용하는 경우 - 많은 UA (사용자 에이전트/브라우저)가 "유효한"(정규식으로) 전자 메일 주소를 사용하지 않고 양식을 제출하지 못하게합니다. 그들은 또한 :invalid 가짜 균열을 적용합니다. 그러나 이것은 내 자신의 유효성 검사 계획과의 충돌과 직접적인 피드백의 부족으로 방문자를 혼란스럽게 할 수 있습니다. 또한 : 누군가가 제출을 시도하기 전에 내 입력란에 무효가 적용됩니다 (Chrome 8). 나는이 싫어. 나는 사용자가 실수 한 것처럼 보이게하지만 아직하지 못했습니다.HTML5 "이메일"필드의 UA 유효성 검사를 억제 할 수 있습니까?

따라서 유효성 검사 동작을 트리거하지 않고 <input type="email"/>을 사용할 수 있습니까?

http://whatwg.org/html5#attr-fs-novalidate 당신이 전체 형태

정도 검증을 해제하는 데 사용할 수 있다고 다음 irc.w3.org #, HTML WG의 IRC 룸에 필립 테일러 (Philip)에 따르면

+2

냉소적이지는 않으나 단지 가 아닙니다. 상속 기능을 제공하지 않으려는 경우이 유형을 사용하려는 이유는 무엇입니까? – spinon

+3

@spinon 아닙니다. UA는 다른 방법으로''을 자유롭게 개선 할 수 있습니다 - iOS 장치를 고려하십시오. 그들은 실제로 다른 키보드를 사용합니다. 사용자가 전자 메일 필드를 채울 때 스페이스 바의 일부가 정상적으로 표시되는'@'및'.' 키가 표시됩니다. –

+0

예. 나는 그것을 쓴 후에 그것에 대해 생각하고있었습니다. 장치에 편리한 기능이 있습니다. – spinon

답변

10

기본적으로 novalidate을 전체 양식의 속성으로 적용 할 수 있습니다. 유효성을 검사하지 않고 양식을 제출하기 위해 제출 단추를 지정할 수도 있습니다. 표준 예제는 유효성을 확인하지 않는 "저장 진행"단추입니다. 이 경우 formnovalidate을 전송 버튼 자체에 넣습니다.

+3

적어도 Firefox에서는 formnovalidate가 버블 경고를 방지하지만 실패한 요소에 빨간색 검증 오류 "글로우"를 추가합니다. 이 문제를 해결하려면 다음을 참조하십시오. https://developer.mozilla.org/en-US/docs/CSS/:invalid 여기에 설명 된대로 잘못된 가상 클래스 (또는 특정 브라우저)를 수정하십시오. – nokturnal

관련 문제