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

goodbam

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2020-04-21 (화) 15:06:53 2,372

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

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

그누보드5

답변 2개 / 댓글 4개

채택된 답변

+20 포인트

dodam

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2020-04-21 (화) 18:04:03

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

Copy

$(document).on("keyup", ".class", function(){

$(this).val( $(this).val().replace()

});

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

답변에 대한 댓글 1개

goodbam

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2020-04-29 (수) 13:13:42

해결하였습니다.
감사합니다^^

<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>