[JavaScript / jQuery] input 태그 소문자 or 대문자로 자동 변환

misonaru·2023년 8월 8일

작업 중 input의 확장자를 받아와야했다.
소문자 대문자가 난잡하게 들어오는 걸 막기 위해 input 값을 소문자나 대문자로 받는 것을 검색해보았다.

1)대문자로 입력받기

(1)JavaScript

<input id="sVndrCd" type="text" class="form_input" style="text-transform: uppercase;">

(2)jQuery

    $("#sVndrCd").bind("keyup", function() {

        $(this).val($(this).val().toUpperCase());

    });

1)소문자로 입력받기

(1)JavaScript

<input id="sVndrCd" type="text" class="form_input" style="text-transform: lowercase;">

(2)jQuery

 

    $("#sVndrCd").bind("keyup", function() {

        $(this).val($(this).val().toLowerCase());

    });
profile
미소와 나루 집사

0개의 댓글