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

페이지 정보

shadow2fox 922 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 143 - 포인트 : 2,551,596
레벨 143
경험치 3,056,427

Progress Bar 25%

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

댓글1

하늘구장님의 댓글

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

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

Total 748438 페이지
제목 글쓴이 날짜 조회 추천
제로  🏆 여러게시판에서 쓴 게시물을 한개의 게시판에 수시로 복사 루루아빠 2005.09.11 3,014 0
제로  🏆 특정게시판에서 작성된 게시물 원하는 게시판에 동시에 등록 <아래게시물과연동> 루루아빠 2005.09.11 4,151 0
제로  🏆 💾 제로보드 연동 사진 무한 업로드 소스.... 루루아빠 2005.09.16 3,747 0
제로  댓글+1🏆 회원가입시 자동환영 쪽지보내기! 루루아빠 2006.03.09 3,290 0
제로  🏆 회원 가입시 양력 음력 선택하기 루루아빠 2006.05.23 2,971 0
제로  🏆 생일인 회원 로그인시 축하송 및 메세지 띄우기 ( 양력●음력 포함 ) 루루아빠 2006.05.23 5,085 0
서버  🏆 DB 복구 및 백업 루루아빠 2006.05.23 3,054 0
제로  🏆 📸 💾 포털 사이트의 로그인 기능 흉내내기 루루아빠 2006.05.24 3,185 0
제로  댓글+1🏆 로그인시 다중 프레임 제어 루루아빠 2006.05.26 2,997 0
제로  🏆 카테고리/페이지 상관없이 공지는 무조건 보이게 루루아빠 2006.05.26 3,279 0
DB  🏆 MYSQL 유저 추가 및 삭제 야돌이 2006.05.28 2,605 0
DB  🏆 MYSQL root 비번 분실시 해결방법 야돌이 2006.05.28 3,182 0
DB  🏆 MYSQL에서 DB 백업 및 복구 방법 야돌이 2006.05.28 2,997 0
제로  🏆 선택한 게시글은 목록 제목에서 진하게 표시하기 루루아빠 2006.05.29 3,407 0
제로  댓글+3🏆 한글 이름이 들어간 이미지나 동영상 익스 설정없이 보여주기 루루아빠 2006.06.01 3,179 0
제로  🏆 아파치1.x 버젼을 위한 설정 루루아빠 2006.06.01 3,282 0
제로  🏆 코멘트 한번만 작성하게 하기 루루아빠 2006.07.01 3,524 0
제로  🏆 포인트 점수에 따른 자동 레벨업 루루아빠 2006.07.10 3,158 0
제로  🏆 💾 게시판 타이틀메뉴 자동생성+카테고리 --> 이미지로 루루아빠 2006.08.01 3,065 0
제로  🏆 자신이 쓴 글을 수정할 때 조회수 올라가지 않게 루루아빠 2006.09.25 3,097 0