티스토리 뷰

1
2
3
<body>
    text box : <input type="text" id="text" name="text" onkeyup="test(this);"/>
</body>
cs

아주 간단한 input 박스의 text타입이다.


위에 박스에 onkeyup이라는 속성을 넣어주어 text 입력 혹은 paste 시에 공백을 바로바로 제거해주는 로직을 만들었다.

function test에 this라는 object(객체)를 넘겨준다.


1
2
3
4
5
6
7
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
    function test(obj){
        var a = $('#text').val().replace(/ /gi, '');
        $('#text').val(a);
    }
</script>
cs


function test는 object를 받고 변수 a는 text라는 id값을 가진 아이의 value 값을 replace(/ /gi, '') 를 통해 공백을 제거해준다.

그리고 a를 value로 넣어준다.


이로서, 입력을 하자마자 바로바로 공백이 지워지게 된다. 아래는 위의 예제를 그대로 사용한 것이다.



text box :


댓글
댓글쓰기 폼