[JavaScript] 텍스트 타입의 input 태그에 텍스트 입력 시 앞뒤 공백제거

페이지 정보

shadow2fox 894 1 1 2021.06.20 16:44

평점

  • 평점 : 5점 (1명 참여)

본문

📝 텍스트 타입의 input 태그에 텍스트 입력 시 앞뒤 공백제거
사용자에게 텍스트를 입력받아 저장하는 input 태그에 의도치 않은 앞뒤 공백이 추가되는 경우가 있어 불필요한 앞뒤 공백을 실시간으로 제거하는 다중 input 태그에 적용되는 자바스크립트 소스

window.onload = function() {
    var inputs = document.getElementsByTagName('input');
    for (var i = 0; i < inputs.length; i++) {
        if (inputs[i].type == 'text') {
            inputs[i].onchange = function() {
            this.value = this.value.trim();
            }
        }
    }
}
추천인 1
  • 하늘구장
10
shadow2fox - 회원등급 : 자연/Level 142 - 포인트 : 2,544,205
레벨 142
경험치 3,042,610

Progress Bar 93%

- 가입일 : 2015-03-10 12:21:44
- 서명 : 인간에게 가장 큰 선물은 자기 자신에게 기회를 주는 것이다. - 크리스 가드너, Chris Gardner -
- 자기소개 : There's never a shortcut to happiness.

댓글1

하늘구장님의 댓글

하늘구장 2021.06.20 18:25
주로 글 작성 시 input 태그를 많이 이용하는데 요긴한 팁이네요 잘 사용할께요

축하합니다. 첫 댓글로 30경험치를 획득하였습니다.

Total 1311 페이지
제목 글쓴이 날짜 조회 추천
JavaScript  댓글+2🏆 Prism.js 플러그인 Copy to Clipboard Button 이용 시 빈칸이 추가되는 문제 해결하기 shadow2fox 2021.06.22 1,148 2
JavaScript  댓글+1 🚩 텍스트 타입의 input 태그에 텍스트 입력 시 앞뒤 공백제거 shadow2fox 2021.06.20 895 1
JavaScript  댓글+2🏆 이미지 원본 크기로 보기 shadow2fox 2021.03.14 1,601 2
JavaScript  🏆 오프스크린 이미지(Offscreen Images) 지연하기 shadow2fox 2018.12.27 3,376 2
JavaScript  🏆 현재창 아이프레임 유무 확인 shadow2fox 2018.12.26 1,702 0
JavaScript  🏆 사용자의 브라우저를 검출하는 방법 shadow2fox 2018.08.22 1,819 0
JavaScript  🏆 반응형 테마에서 Theia Sticky Sidebar 사용시 레이아웃이 중첩되는 문제 해결하기 루루아빠 2017.04.22 2,423 0
JavaScript  🏆 gifplayer를 통해 동영상 재생시 오디오 문제 루루아빠 2016.08.06 2,628 0
JavaScript  🏆 모달창(Modal Window) backdrop(모달창 바깥 부분) 클릭시 모달창 닫지 않기 루루아빠 2016.05.06 3,410 0
JavaScript  🏆 특정 div의 내용을 일정 시간마다 새로고침하기 루루아빠 2016.03.20 14,835 1
JavaScript  🏆 마우스 오른쪽 버튼 사용시 경고 메세지 띄우기 루루아빠 2015.10.31 2,546 0
JavaScript  🏆 아이프레임 자동으로 갱신하기 루루아빠 2015.06.05 3,182 0
JavaScript  댓글+3🏆 단축키로 페이지 이동 루루아빠 2015.05.28 4,069 0