input 안에 강제로 빈칸(공백) 넣게할 수 있나요?
본문
input에 글자입력 시 5글자 뒤에 강제로 빈칸(공백)을 주고 6글자부터 다시 입력가능하도록 할 수 있을까요?
예) '123456789' 이렇게 입력 시 5글자뒤에 강제 빈칸주어 '12345 6789'
답변 2
먼저 input 태그에 class를 넣어주신뒤
$(document).on("keyup", ".class", function(){
$(this).val( $(this).val().replace()
});
를 통해서 구현가능합니다.
해결하였습니다.
감사합니다^^
<script>
//input 입력시 5글자뒤 한칸(공백) 강제로 주고 6글자부터 입력
$(function() {
$('#id').on('keyup', function(){
var html = '';
var value = $(this).val().replace(/ /gi, '');
for (var i=0;i<value.length;i++)
{
if (i > 0 && i % 5 == 0) { html+= ' '; }
html += value[i];
}
$(this).val(html);
});
});
</script>
keyup으로 input의 길이를 체크해서 로직 구성하시면 될거 같아요
우선 댓글 감사드리며, 제가 전문 개발자가 아니다보니..
좀더 쉽게 설명부탁드리거나 소스 부탁드려도 될까요?ㅜㅜ
해결하였습니다. 감사합니다^^
답변을 작성하시기 전에 로그인 해주세요.