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

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

1

목록

작성자 공대여자

작성 : 2018-04-26 09:36 조회 : 507
지남 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	39118
공지	유용한 리눅스(LINUX) 명령어 #linux #command	공대여자	11-03-0303-03	48698
공지	[공지] 기술 게시판 #etc #공지	mins01	05-06-2406-24	49902
35	[기본형] HTML (with 부트스트랩4.6 , jquery 3.6.0, vue.js) #bootstrap4 #default #html5 #기본형	공대여자	21-03-0703-07	3294
34	datelist 예제 1 #datalist #list #html5 #html	공대여자	21-05-2105-21	930
33	[기본형] HTML (with 부트스트랩4.1.3 , jquery 3.6.0, vue.js) #bootstrap4 #default #html5 #기본형	공대여자	21-03-0703-07	10605
32	html onpaste 이벤트 설명 1 #html5 #onpaste	공대여자	20-01-3001-30	584
31	manifest.json 사용한 웹앱(web app)의 스플래쉬 스크린 splash screen 에서 이미지 안 보이는 것 관련 #html5 #manifest #splash	공대여자	18-12-0312-03	738
30	Battery Status API , BatteryManager 1 1 #api #battery #html5 #status	공대여자	18-10-1910-19	836
29	[기본형] HTML (with 부트스트랩4.1.3 , jquery 3.3.1, vue.js) #bootstrap4 #default #html5 #기본형	공대여자	18-10-1710-17	3283
28	premultiplied alpha. pre-multiplied alpha. 캔버스에서 2dContext 사용시 본래 색과 다른 색이 될 수 있다. 1 #alpha #canvas #fuxk #html5 #premultiplied	공대여자	18-10-0510-05	965
27	이모지 테스트 목록, 이모지 1.1 기반 3 #emoji #html5 #이모지	공대여자	18-09-2009-20	798
26	game echo 1 #html5	공대여자	18-08-2308-23	464
25	GamepadLayout, Gamepad API 게임패드 테스트, 진동 rumble 테스트 2 #api #gamepadlayout #html5 #rumble #진동 #gamepad	공대여자	18-08-1908-19	926
24	html5 document.visibilityState 현재 문서가 보이고 있는가? 1 #html5 #visibilitystate	공대여자	18-08-0708-07	1011
23	html5 Web Share, navigator.share , 공유하기 2 #html5	공대여자	18-08-0708-07	504
22	html5 whatwebcando.today browser_support_tables 브라우저 지원여부 1 #html5	공대여자	18-08-0708-07	488
21	html5 AmbientLightSensor 빛감지 센서 1 #ambientlightsensor #html5 #빛감지 #센서	공대여자	18-08-0708-07	745