일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- #CSS
- 홈페이지
- #업종별
- 사이트제작
- 웹솔루션
- #image
- CGIMALL
- #웹솔루션
- 해피씨지아이
- 해피CGI
- #이미지
- #해피CGI
- #jQuery
- #솔루션
- #뉴스
- #홈페이지제작
- #happycgi
- #cgimall
- #쇼핑몰
- 솔루션
- javascript
- CSS
- #동영상
- 게시판
- php
- jquery
- 홈페이지제작
- #홈페이지
- 쇼핑몰
- happycgi
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] [jquery] Poppa : Lightweight jQuery Validation Plugin 본문
웹프로그램밍 자료실/JAVA 자료
[해피CGI][cgimall] [jquery] Poppa : Lightweight jQuery Validation Plugin
해피CGI윤실장 2020. 2. 18. 09:28* Poppa : Lightweight jQuery Validation Plugin
Poppa는 클라이언트 폼양식 유효성 검사를 쉽게하는 jQuery 플러그인입니다.
기본 사용자 정의를 제공하며 브라우저 간 호환, 신뢰성 및 경량화 (8kb 만 축소)를 목표로합니다.
URL 및 이메일 유효성 검사 및 기본 오류 메시지 (영어)를 포함한 유용한 유효성 검사 방법이 제공됩니다.
사용방법은 아래와 같습니다
첨부된 압축파일을 해제하여 사용할 웹서버 공간에 업로드 합니다
제공되어진 css 파일을 html 문서 상단에 선언하고 jquery 도 로드합니다
</body> 태그 앞에 js 파일을 로드합니다
위와 같이 필수요소들을 로드한 다음 html 본문영역의 input 타입 태그에
data-validation-type
data-validation-length
위와 같은 옵션을 추가하여 유효성 감사를 할 수 있습니다
위와 같은 유효성 검사 옵션 외에도 이메일, URL과 같은 유효성검사가 가능하니
첨부된 파일중 index.html 을 참조하여 활용하면 도움이 될듯 합니다
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
[해피CGI][cgimall] 텍스트 입력 및 삭제 애니메이션 - animateTyping.js (0) | 2020.02.26 |
---|---|
[해피CGI][cgimall] 터치식 360도 제품보기 Jquery 플러그인 - 360 ImageRotate (0) | 2020.02.25 |
[해피CGI][cgimall] [jquery] Motion Hover Effects (0) | 2020.02.17 |
[해피CGI][cgimall] Resize/Rotate/Crop Images With jQuery - Cropzee (0) | 2020.02.12 |
[해피CGI][cgimall] 통계 및 차트를 쉽게 이용할 수 있는 billboard.js (0) | 2020.02.07 |
Comments