HTML5 양식 요소의 유효성 검사 비활성화

질문 : HTML5 양식 요소의 유효성 검사 비활성화

---

내 양식에서 새로운 HTML5 양식 유형 (예 : <input type="url" /> ( 유형에 대한 자세한 정보는 여기 ))을 사용하고 싶습니다.

문제는 Chrome이 나를 위해 매우 유용하고 이러한 요소를 검증하기를 원한다는 것입니다. 기본 제공 유효성 검사에 실패하면 포커스를받는 요소 외에 다른 메시지 나 표시가 없습니다. URL 요소를 "http://" 미리 채우므로 내 사용자 지정 유효성 검사는 해당 값을 빈 문자열로 처리하지만 Chrome은이를 거부합니다. 유효성 검사 규칙을 변경할 수 있다면 그것도 작동 할 것입니다.

type="text" 를 사용하여 다시 되돌릴 수 있다는 것을 알고 있지만 이러한 새로운 유형의 제안을 사용하여 멋진 향상을 원합니다 (예 : 모바일 장치에서 사용자 지정 키보드 레이아웃으로 자동 전환됨).

그렇다면 자동 유효성 검사를 끄거나 사용자 지정하는 방법이 있습니까?

답변

---

HTML5에서 양식에 대한 클라이언트 측 유효성 검사를 비활성화하려면 양식 요소에 novalidate 속성을 추가하십시오. 전의:

<form method="post" action="/foo" novalidate>...</form>

https://www.w3.org/TR/html5/sec-forms.html#element-attrdef-form-novalidate 참조

출처 : https://stackoverflow.com/questions/3090369/disable-validation-of-html5-form-elements