테스트 사이트 - 개발 중인 베타 버전입니다

input 다음칸 자동 넘기기 질문드립니다. 채택완료

다나한포션 4년 전 조회 3,043

안녕하세요..

write 에서 전화번호를 받으려고 하는데

탭키나 마우스를 따로 이동시키지 않아도 자동으로 다음탭으로 넘기려고 합니다.

 

<script>
$(function() {
    $(".inputs").keyup (function () {
        var charLimit = $(this).attr("maxlength");
        if (this.value.length >= charLimit) {
            $(this).next('.inputs').focus();
            return false;
        }
    });
});
</script>

 

<input type="text" id="wr_1" name="wr_1" class="ipfull inputs" placeholder="010" maxlength="3">
<input type="text" id="wr_2" name="wr_2" class="ipfull inputs" maxlength="4"></dt>
<input type="text" id="wr_3" name="wr_3" class="ipfull inputs" maxlength="4">

 

maxlength 만큼 입력하면 다음칸으로 가야 하는데

이상하게 안되네요 ㅠ

 

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
m
4년 전

위 코드로 해보니까 잘되는데..

아니면 jquery부분을 이렇게 변경해보시는건 어떨까요?

</p>

<p><script></p>

<p>$(function() {

    $(".inputs").on('keyup', function () {

        var charLimit = $(this).prop("maxlength");

        if ($(this).val().length >= charLimit) {

            $(this).next('.inputs').focus();

            return false;

        }

    });

});</p>

<p></script></p>

<p>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

this.value를 못가져오는거 아닐까요

코드상은 문제없어보이는데 alert으로 값 띄우면서 확인해보세요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

다나한포션
4년 전
구체적으로 어떤방법인지요 alert이라는게..ㅠ

댓글을 작성하려면 로그인이 필요합니다.

위 코드 테스트해 보니 잘 되네요.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

다나한포션
4년 전
이상하네요.. ㅠ 새페이지에다가 해도 안되던데 ㅜㅜ
엑스엠엘
4년 전
jquery 가져오셨나요?

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인