read : HTML5 pattern , setCustomValidity , validation , 패턴 , 벨리디티 메세지 커스텀 , 벨리데이션 : 기술 #html5::공대여자홈

HTML5 pattern , setCustomValidity , validation , 패턴 , 벨리디티 메세지 커스텀 , 벨리데이션

1

목록

작성자 공대여자

작성 : 2018-04-26 09:36 조회 : 504
지남 1일간

2018-04-26 - 2018-04-26

좌표
Constraint_validation

🔗 https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/Constraint_validation

#html5

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

목록

댓글

/ /
No Nickname

No Comment
권한이 없습니다.

{{m_row.m_nick}}

내용이 너무 많습니다!

-

No	제목	작성자	날짜	조회
공지	[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js) #기본형	공대여자	24-02-0602-06	36794
공지	유용한 리눅스(LINUX) 명령어 #linux #command	공대여자	11-03-0303-03	46369
공지	[공지] 기술 게시판 #etc #공지	mins01	05-06-2406-24	47527
1108	emoji 를 위한 font-family , 이모지 #weblang	공대여자	18-05-1805-18	635
1107	기상청 rss 관련 1 #rss #weather #weblang #기상청	공대여자	18-05-1105-11	684
1106	펌 [Linux] 해킹 여부 확인 방법 1 #linux	공대여자	18-05-1105-11	520
1105	무료 아이콘/이미지 1 #free #icon #link	공대여자	18-05-0805-08	769
1104	ISO_8601 날짜 시간 표현 표준 1 #etc #날짜 #date #iso	공대여자	18-05-0805-08	941
1103	이더리움 해킹관련 #암호화폐 #이더리움 #ethereum #hacking	공대여자	18-05-0405-04	329
1102	javascript 객체 프로퍼티 머지/복사 2 #javascript #property #merge #copy	공대여자	18-05-0205-02	638
1101	CSS Pseudo-classes , Pseudo-elements, 가상 클래스, 가상 엘레멘트 1 #css #pseudo-classes #pseudo-elemen #가상	공대여자	18-04-3004-30	462
1100	페이지네이션, 페이징, jquery 확장 + 부트스트랩4 1 #javascript	공대여자	18-04-3004-30	558
1099	HTML5 pattern , setCustomValidity , validation , 패턴 , 벨리디티 메세지 커스텀 , 벨리데이션 1 #html5	공대여자	18-04-2604-26	505
1098	transitionNumber 바뀌는 숫자 #css	공대여자	18-04-1804-18	318
1097	shadow DOM , 쉐도우 돔 1 #dom #html5 #shadow	공대여자	18-04-1704-17	629
1096	[기본형] HTML (with 부트스트랩4.0 , jquery 3.2.1, vue.js) #bootstrap3 #default #html5 #기본형	공대여자	18-04-1704-17	813
1095	aws ec2 APM 설치 1 #server	공대여자	18-04-0304-03	437
1094	chrome headless 모드 2 #chrome #etc #headless	공대여자	18-03-2803-28	1020