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 :
'Web Programming > Javscript' 카테고리의 다른 글
[jQuery]Cookie 함수를 이용한 로그인 아이디 저장 기능 (0) | 2017.09.20 |
---|---|
[jQuery]jQuery를 이용한 접속 국가 ip 체크 (0) | 2017.09.07 |