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

페이지 정보

shadow2fox 595 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 137 - 포인트 : 2,399,175
레벨 137
경험치 2,816,429

Progress Bar 53%

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

댓글1

하늘구장님의 댓글

하늘구장 2021.06.20 18:25

주로 글 작성 시 input 태그를 많이 이용하는데
요긴한 팁이네요
잘 사용할께요

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