Graceful Light

jQuery Validation Custom Methods

2016-12-21


기본적으로 사용하는 기능 외에 custom method를 추가해서 validation을 해보자.

목차

  1. 사업자등록번호
  2. 법인등록번호
  3. 바이트 제한
  4. 아이디 체크 (alphanumeric, 숫자 첫글자 불가능)
  5. 비밀번호 체크 (alpah && (number || special char))
  6. datetime (YYYY-MM-DD HH:mm:ss)
  7. date (YYYY-MM-DD)
  8. Kakaotalk Yellow ID
  9. alphanumeric (hyphen, underscore, space 포함)
  10. phone (hyphen 포함)
  11. mobile (hyphen 포함)

소스

설명

biznum, byte…와 같은 속성을 추가해 사용하면 된다.
필요한 부분만 복사해 가져가도 되고.

예제

1
2
3
4
5
6
7
8
9
10
$('form').validate({
rules:{
text_field:{byte:80},
date_field:{date:true}
},
messages:{
text_field:{byte:'80자 초과'}
date_field:{date:'날짜 형식 아님'}
}
});

여담

byte check의 함수 로직이 많지만, 한글 및 특수문자를 2byte로 정확히 체크해주는 것은 위의 함수 뿐이였다.

🍺

Buy me a beer 🍗

공유하려면 QR코드를 스캔해주세요