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

페이지 정보

shadow2fox shadow2fox 1,194 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
    하늘구장
shadow2fox
10
shadow2fox - 회원등급 : 자연/Level 148 - 포인트 : 2,622,151
레벨 148
경험치 3,270,093

Progress Bar 15.08%

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

댓글1

하늘구장님의 댓글

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

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

Total 764426 페이지

제목 글쓴이 날짜 조회 추천
이윰  댓글+2🏆 글, 댓글 작성시 불필요한 앞뒤 공백 제거해 DB에 저장하기 shadow2fox 2021.06.21 1.7k 2
JavaScript  댓글+1🏆 🚩 텍스트 타입의 input 태그에 텍스트 입력 시 앞뒤 공백제거 shadow2fox 2021.06.20 1.2k 1
그누•영카트  🏆 그누보드(영카트) 5.4.8 shadow2fox 2021.06.18 1.2k 0
그누•영카트  🏆 그누보드(영카트) 5.4.7 shadow2fox 2021.06.18 2.2k 0
그누•영카트  댓글+4🏆 그누보드 5.4.6 (영카트 포함) shadow2fox 2021.06.18 1.6k 2
이윰  댓글+3🏆 첨부 이미지 alt 속성 값 게시글 제목으로 보여주기 shadow2fox 2021.06.11 1.5k 2
이윰  댓글+3🏆 게시글 검색 단위에 맞는 메뉴 추가하기 shadow2fox 2021.05.18 2.1k 2
그누•영카트  🏆 영카트 5.4.5.5.1 shadow2fox 2021.05.18 1.4k 0
그누•영카트  댓글+1🏆 영카트 5.4.5.5 shadow2fox 2021.05.18 1.5k 0
그누•영카트  댓글+2🏆 그누보드 5.4.5.5 shadow2fox 2021.05.18 1.7k 2
그누•영카트  댓글+5🏆 인기 검색어 특정 게시판 제외, 회원 아이디 제외, 회원의 검색어만 저장 shadow2fox 2021.05.13 8.3k 2
이윰  댓글+2🏆 글 작성 시 alt 태그 게시글 제목으로 DB에 저장하기 shadow2fox 2021.05.05 1.9k 2
그누•영카트  🏆 영카트 5.4.5.4 shadow2fox 2021.05.04 1.7k 0
그누•영카트  댓글+2🏆 그누보드 5.4.5.4 shadow2fox 2021.05.04 1.8k 2
그누•영카트  🏆 영카트 5.4.5.3 shadow2fox 2021.04.05 1.4k 0
그누•영카트  댓글+2🏆 그누보드 5.4.5.3 shadow2fox 2021.04.05 1.7k 2
그누•영카트  🏆 영카트 5.4.5.2 shadow2fox 2021.03.17 1.4k 0
그누•영카트  댓글+2🏆 그누보드 5.4.5.2 shadow2fox 2021.03.17 2.1k 2
JavaScript  댓글+2🏆 이미지 원본 크기로 보기 shadow2fox 2021.03.14 2.0k 2
이윰  댓글+4🏆 다중 태그 입력 올바르게 shadow2fox 2021.03.12 2.4k 2
이윰  댓글+1🏆 PHP 8.x Fatal error : 중괄호 사용으로 인한 json.class.php 오류 shadow2fox 2021.02.17 2.5k 1
이윰  댓글+3🏆 PHP 8.x 지원을 위한 암호화, 복호화 함수 shadow2fox 2021.02.16 3.2k 3
그누•영카트  🏆 영카트 5.4.5.1 shadow2fox 2021.02.06 1.6k 0
그누•영카트  🏆 영카트 5.4.4.9.1 shadow2fox 2021.02.06 1.7k 0
그누•영카트  댓글+2🏆 그누보드 5.4.5.1 shadow2fox 2021.02.06 1.8k 2
이윰  댓글+2🏆 게시글 작성 중복 방지하기 shadow2fox 2021.02.03 2.1k 2
그누•영카트  🏆 영카트 5.4.4.9 shadow2fox 2021.01.26 1.7k 0
그누•영카트  댓글+1🏆 그누보드 5.4.4.9 shadow2fox 2021.01.26 2.1k 1
그누•영카트  🏆 영카트 5.4.4.8 shadow2fox 2021.01.19 1.7k 0
그누•영카트  댓글+1🏆 그누보드 5.4.4.8 shadow2fox 2021.01.19 2.3k 1