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

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

1

목록

작성자 공대여자

작성 : 2018-04-26 09:36 조회 : 692
지남 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	93103
공지	유용한 리눅스(LINUX) 명령어 #linux #command	공대여자	11-03-0303-03	98082
공지	[공지] 기술 게시판 #etc #공지	mins01	05-06-2406-24	101513
1743	다빈치리졸브 4k 인코딩 이슈 #mp4	공대여자	26-05-2005-20	115
1742	laravel 11 (라라벨 11) 에서 Call to a member function make() on null #php #laravel	공대여자	26-05-2005-20	95
1741	duplicateMouse.ahk autohotkey 용 마우스 움직임 복제 #autohotkey	공대여자	26-05-2005-20	83
1740	다빈치 리졸브 (DaVinci Resolve) 1 #영상편집	공대여자	26-05-1805-18	91
1739	x.com (구 트위터) - 트윗 특이사항 - 수정 내역 #x #트위터	공대여자	26-05-1205-12	155
1738	첨부파일 다운로드 해더에서 파일명 지정 방법 #filename	공대여자	26-05-1105-11	118
1737	도메인 등록 대행자 등록 수수료 및 서비스 1 #domain	공대여자	26-05-1105-11	110
1736	ffmpeg 명령 샘플 #ffmpeg	공대여자	26-05-0605-06	129
1735	srcset 관련 #img #srcset	공대여자	26-04-2304-23	115
1734	DOMMatrix 1 #js #dommatrix	공대여자	26-04-1604-16	172
1733	transform 의 순서 #css #transform	공대여자	26-04-1304-13	158
1732	ui-transform-tool v2 1 #ui #transform	공대여자	24-12-3112-31	157
1731	iconifier.net favicon 과 apple-touch-icon 변환 사이트 #favicon	공대여자	26-03-2003-20	145
1730	검색엔진 별 사이트 등록 #seo	공대여자	26-03-1703-17	175
1729	attachShadow, shadowroot 사용시 css 의 특수 셀렉터 #css #shadowroot	공대여자	26-03-1703-17	205