[JQuery] input 태그 대소문자 변환

입력창에 대문자 또는 소문자로만 입력하는 방법이다.

 

toUpperCase() 또는 toLowerCase() 함수를 이용하면 된다.

 

// 대문자만 입력<input type="text" onKeyup="$(this).val($(this).val().toUpperCase());"/>// 소문자만 입력<input type="text" onKeyup="$(this).val($(this).val().toLowerCase());"/>

 

대소문자만 입력하는 경우가 많은 경우 공통스크립트로 관리하는 것이 편할 것이다.

 

// 대문자만 입력 공통스크립트$("input[type=text]").filter(".upper").on("keyup", function(){     $(this).val($(this).val().toUpperCase()); });// 소문자만 입력 공통스크립트$("input[type=text]").filter(".lower").on("keyup", function(){     $(this).val($(this).val().toLowerCase()); });

 

type이 text이 input태그에 "upper" 또는 "lower" 클래스만 추가하면 자동적으로 대소문자로 변환될 것이다.