Auto tab to next input field when fill 4 characters
2018. 4. 13. 15:38ㆍJavascript/Javascript+jQuery
반응형
<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<Script>
$(document).ready(function(){
$(".inputs").keyup(function () {
$this=$(this);
if ($this.val().length >=$this.data("maxlength")) {
if($this.val().length>$this.data("maxlength")){
$this.val($this.val().substring(0,4));
}
$this.next(".inputs").focus();
}
});
});
</Script>
</head>
<body>
<input type="text" class="inputs" data-maxlength="4">
<input type="text" class="inputs" data-maxlength="4">
<input type="text" class="inputs" data-maxlength="4">
<input type="text" class="inputs" data-maxlength="4">
</body>https://stackoverflow.com/questions/23888537/auto-tab-to-next-input-field-when-fill-4-characters
반응형
'Javascript > Javascript+jQuery' 카테고리의 다른 글
| Jquery 링크 모음 (0) | 2018.04.18 |
|---|---|
| JQuery 를 사용한 무한 스크롤 (Infinite Scroll) 예제 (0) | 2018.04.17 |
| [jQuery] 확인 창(confirm), 페이지 이동(location.replace) (0) | 2018.04.13 |
| POST 전송 (jQuery), POST 이동, POST 새창 (0) | 2018.04.13 |
| jquery POST 방식으로 다른 페이지로 이동하는 방법 (0) | 2018.04.13 |