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

input 안에 강제로 빈칸(공백) 넣게할 수 있나요? 채택완료

goodbam 5년 전 조회 2,162

input에 글자입력 시 5글자 뒤에 강제로 빈칸(공백)을 주고 6글자부터 다시 입력가능하도록 할 수 있을까요?

 

예) '123456789' 이렇게 입력 시 5글자뒤에 강제 빈칸주어 '12345 6789'

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

답변 2개

채택된 답변
+20 포인트
dodam
5년 전

먼저 input 태그에 class를 넣어주신뒤

</p>

<p>$(document).on("keyup", ".class", function(){</p>

<p>$(this).val( $(this).val().replace()</p>

<p>});</p>

<p>

를 통해서 구현가능합니다.

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

답변에 대한 댓글 1개

g
goodbam
5년 전
해결하였습니다.
감사합니다^^

<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의 길이를 체크해서 로직 구성하시면 될거 같아요

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

답변에 대한 댓글 3개

g
goodbam
5년 전
우선 댓글 감사드리며, 제가 전문 개발자가 아니다보니..
좀더 쉽게 설명부탁드리거나 소스 부탁드려도 될까요?ㅜㅜ
닥시
5년 전
@goodbam
여기 참고해보세요.
https://electronic-moongchi.tistory.com/36
g
goodbam
5년 전
해결하였습니다. 감사합니다^^

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

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

로그인