채택완료

input 다음칸 자동 넘기기 질문드립니다.

2021-04-29 (목) 17:01:47 3,234

안녕하세요..

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개 / 댓글 3개

채택된 답변
+20 포인트

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

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

Copy
<script>

$(function() {
    $(".inputs").on('keyup', function () {
        var charLimit = $(this).prop("maxlength");
        if ($(this).val().length >= charLimit) {
            $(this).next('.inputs').focus();
            return false;
        }
    });
});

</script>
2021-04-29 (목) 17:14:52

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

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

답변에 대한 댓글 1개

2021-04-29 (목) 17:51:33
구체적으로 어떤방법인지요 alert이라는게..ㅠ
2021-04-29 (목) 17:13:21

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

답변에 대한 댓글 2개

2021-04-29 (목) 17:51:15
이상하네요.. ㅠ 새페이지에다가 해도 안되던데 ㅜㅜ
jquery 가져오셨나요?

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