구르는 돌에는 이끼가 끼지 않는다

[javascript] input태그 자동 대문자 변환시키기

특정 input태그에 알파벳을 들어갈때 무조건 대문자로 들어 가야하는 경우가 있다. 이럴 경우 javascript의 bind함수를 이용하여 이벤트를 걸 수 있다. bind함수 속성에 keyup 속성을 이용하여 사용자가 알파벳을 입력하면(키보드를 누른 후) 해당 엘리먼트의 값이 동적으로 대문자로 변경하도록 로직을 쓰면 된다.

엘리먼트가 지속적으로 데이터를 확인해야하기 때문에 $(document).ready()안에 정의를 해야한다.

$(document).ready(function(){
    
    $('#element_id').bind("keyup", function(){
        $(this).val($(this).val().toUpperCase());
    });
    
});
​