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