input 다음칸 자동 넘기기 질문드립니다.
본문
안녕하세요..
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
위 코드로 해보니까 잘되는데..
아니면 jquery부분을 이렇게 변경해보시는건 어떨까요?
<script>
$(function() {
$(".inputs").on('keyup', function () {
var charLimit = $(this).prop("maxlength");
if ($(this).val().length >= charLimit) {
$(this).next('.inputs').focus();
return false;
}
});
});
</script>
위 코드 테스트해 보니 잘 되네요.
this.value를 못가져오는거 아닐까요
코드상은 문제없어보이는데 alert으로 값 띄우면서 확인해보세요