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

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

1

목록

작성자 공대여자

작성 : 2018-04-26 09:36 조회 : 522
지남 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)	공대여자	02/06 13:44	49242
공지	유용한 리눅스(LINUX) 명령어	공대여자	03/03 14:47	58019
공지	[공지] 기술 게시판	mins01	06/24 15:10	59301

GA의 utm_medium 별 기본 채널 그룹

new

#ga #medium

js-pointer-event-handler

1

#pointer #event

1

#report #error

queueMicrotask()

2

#microtask

UI exclusive dialog

1

#modal #dialog

마우스 등의 입력장치의 폴링레이트 이슈 PC/Mobile

#폴링레이트 #지연시간 #마우스 #팬

윈도우에서 포트포워딩 하기

#포트포워딩

git hub 소스에서 cors 회피하기

#github

웹 폰트 사용시 load, ready 시점 주의

#font

js-templater 단순한 JS 템플릿 엔진 만들봤는데...

1

#template

웹 페이지에서 선택된 문자열의 너비 알아오기

#text #range #width

HTML에서 자식요소를 격리 시키기 contain: strict;

2

#contain #isolate

contenteditable="plaintext-only"

#contenteditable

openweathermap.org 날씨정보 API

2

#api #날씨

css grid repeat 사용법. (동적 컬럼)

#grid #auto-fit #auto-fill