앞 포스트에서 validation plugin의 기본 사용법에 대해 알아보았다. 이번 포스트에서는 validation plugin 을 사용하면서 필요한 customization에 대해 살펴보자. 1. 사용자 정의 메서드의 추가 앞서 validation plugin이 다양한 validation 체크 메서드를 제공한다고 소개한바 있다. 하지만 우리는 여전히 배고프다.(적절한가? ㅠㅠ) 다행히 validate plugin은 addMethod를 이용해서 사용자 정의 메서드를 등록할 수 있게 해준다. https://jqueryvalidation.org/jQuery.validator.addMethod/ jQuery.validator.addMethod() | jQuery Validation Plugin Descrip..

1. 플러그인 설치 일반적인 javascript 라이브러리와 마찬가지로 이 플러그인 역시 다운로드해서 설치하거나 cdn 방식으로 설치할 수 있다. 특별한 이유가 아니라면 CDN 방식의 사용을 권장한다. 이 플러그인은 jQuery 기반이기 때문에 당연히 jQuery가 먼저 삽입되어야 한다. 2. 기본 함수 사용법 다음 폼에 대한 validation을 처리해보면서 사용법을 익혀보자. 사용자 정의 Validation 처리 이름 * 이메일 * 가장 핵심적인 함수는 validate 라는 함수이다. 이 함수는 jQuery를 통해 폼 요소에 추가된다. 따라서 기본 사용법은 아래와 같다. $("#myform").validate({}); 이 함수는 form에서 submit 이벤트가 발생할 때 자동적으로 호출되기 때문에 ..

1. 웹 클라이언트에서의 Validation 처리란? 웹 프로그래밍을 하는 과정에서 클라이언트로부터 무언가를 입력 받기 위해서는 form을 이용한다. 그런데 개발자의 입장에서는 "사용자가 이런 형태로 입력해야하는데.. "하는 값들이 있다. 예를 들어 이름은 필수 입력 항목이고, 2자 이상, 10자 이내여야 한다거나 이메일의 양식을 준수하거나 비밀번호는 영문, 숫자, 특수문자를 포함해서 8글자 이상 16글자 미만 등이다. 사용자가 개발자의 의도대로 값을 잘 넣었는지 확인하는 것을 validation 처리라고 한다. 일반적으로 validation 처리는 클라이언트 단에서 한번, 서버단에서 한번 실행하는 것이 좋다. 클라이언트 단에서 실행되는 validation 처리는 사용자가 값을 제대로 입력했는지 못했는지..

bootstrapk.com 에서는 정말 반갑게도 한글로 bootstrap 관련 내용들이 잘 정리되어있다. 시작하기의 부트스트랩 CDN에는 MaxCDN에서 제공하는 주소가 표시된다. 맨 하단에 javascript가 있는데 bootstrap은 jquery를 내부적으로 사용한다. 2019.09월 현재 jquery 버전은 3.4.1 버전인데 3.3.2 버전 bootstrap의 jquery는 1.x의 jquery를 사용한다. +function ($) { 'use strict'; var version = $.fn.jquery.split(' ')[0].split('.') if ((version[0] < 2 && version[1] < 9) || (version[0] == 1 && version[1] == 9 && v..