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