HTML5 pattern , setCustomValidity , validation , 패턴 , 벨리디티 메세지 커스텀 , 벨리데이션
- Constraint validation
-
https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/Constraint_validation
- pattern
- input의 애트리뷰트로 정규식을 적어 놓으면, input.value는 그 정규식에 맞차야한다. 아닐경우 밸리데이션 에러가 발생된다.
:invalid , :valid 의 CSS 사칭 클래스 상태를 지니게 된다. - https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-pattern
-
type=”number” 일경우 동작하지 않는다!(소수를 사용해야할 경우 난감하다. 이런 겨우 type=”text”로 변경해서 사용하라.)
- selectElt.setCustomValidity(string);
-
벨리데이션 안내메세지를 바꾼다.
- https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement/setCustomValidity