웹마스터 팁
전화번호 입력시 자동 focus
2014.11.13 09:43
1 2 3 4 5 6 7 8 9 10 | jQuery(function ($) { $('input[name="tel[]"]:eq(0), input[name="phone[]"]:eq(0)').attr('maxlength', '3').attr('size', '3'); $('input[name="tel[]"], input[name="phone[]"]').keyup(function () { var $self = $(this); var maxlength = $self.attr('maxlength'); if ($self.val().length >= maxlength) { $self.next().focus(); } });}); |
전화번호, 핸드폰 입력폼에 입력한 값의 길이가 maxlength 속성하고 같을 때
자동으로 다음 칸으로 focus를 맞춰주는 스크립트입니다.
2번째줄은 첫번째칸이 maxlength가 4라서 3으로 줄여줍니다.
댓글 0
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| jQuery 플러그인 모음 | Ansi™ | 2017.01.25 |
| DOS 공격에 대한 방어 프로그램입니다. | 마루디자인 | 2017.01.23 |
| 관리자 로그인시 원하는걸 보여주자 [5] | 빽짱구 | 2008.04.15 |
| SSL의 정석 (아파치 & nginx) [13] | 기진곰 | 2015.06.16 |
| 방명록 형태 사용시 제목이 길게 저장되게 하려면 | sejin7940 | 2016.12.23 |
| 로그인풀림방지 - 주소 고정하기 [27] | ezi | 2011.05.28 |
숫자 아이디 허용 방법
 | 410contents | 2016.12.13 |
| (설문조사) 회원만 설문 조사 하도록 [8] | Simulz | 2007.09.04 |
| 클라우드플레어 사용시 서버 IP 노출방지 체크리스트 | gnbstory | 2016.12.09 |
| 간단한 xe 관련 자바스크립트 질문 [1] | 마든남 | 2016.12.01 |
| 스크롤 맨아래로 내리면 자동으로 글 목록 더보이기 구현(게시판어어느 스킨이든 사용가능) [19] | 장포크 | 2013.08.10 |
| 메뉴에 새 글 표시 모듈 사용 시 new 아이콘이 보이지 않는 버그 수정 [8] | 퍼니엑스이 | 2014.08.12 |
| 가상서버 고르실때 참고하시면 좋겠네요. | 로니 | 2016.11.24 |
| CloudFlare 사용시 방문자 IP와 SSL 접속여부가 정확하게 파악되지 않는 문제 해결법 [4] | 기진곰 | 2015.07.12 |
| 네이버 웹마스터도구 최적화검증과 GZIP | 영흥도우럭1 | 2016.11.18 |
| 구글애드센스 한페이지에 3개 초과하시면 안됩니다. [3] | 최윤한 | 2016.11.11 |
| 모바일환경에서, 스케치북스킨의 경우 포인트레벨아이콘이나 닉네임이미지 가 안 나타나는 경우 수정법 | sejin7940 | 2016.11.13 |
| 관리자페이지의 게시판 목록에서 '모듈분류'로만 검색이 안 되는 버그 수정 | sejin7940 | 2016.11.09 |
| Bash Shell 버그 패치 필요 [2] | 고구마군 | 2014.09.29 |
| 클라우드 플레어 질문있습니다. [2] | 생컨38889 | 2016.08.31 |