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

페이지 정보

shadow2fox shadow2fox 1,338 1 1 2021.06.20 16:44:22

본문

📝 텍스트 타입의 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
  • skyfield4u
    하늘구장

댓글1

하늘구장님의 댓글

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

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

유머와 NSFW(Not Safe For Work) 게시판은 웃음과 후방의 게시글만 허용됩니다.

  • 성(性)을 상징하는 신체 노출은 절대 금지합니다.
  • 모자이크 처리된 이미지와 및 동영상 또한 게재하시면 안됩니다.
  • 단, 웹상에서 공유되고 통용된 이미지 및 동영상은 허용됩니다.
  • 관리 규정을 어겨 불이익을 받지 않도록 유의해 주시기 바랍니다.

Total 1311 페이지

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