웹마스터 팁
전화번호 입력시 자동 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으로 줄여줍니다.