textarea에 maxlength 속성을 만들기

먼저 JQuery 를 통해 해당 태그에 maxlength 속성을 추가로 만든다.

var textarea = $('textarea[maxlength]');

        textarea.bind("keydown keyup click",  function(){

            var max = $(this).attr('maxlength');

            if($(this).val().length > max){

                $(this).val($(this).val().substr(0, max));

            }

        });

이렇게 하면 해당 태그의 maxlength 속성은 keydown이나 keyup 그리고 click 시에 해당 function을 실행할 수 있다.,
maxlength 속성에 설정된 값을 살펴서 최대 길이를 초과하면 최대길이 만큼만 표시하도록 할 수 있다.

단, 이 방법에서 한 가지 불편한 점은 태그 에서 설정하면 안되고, 아래처럼 Javascript에서 지정해야 한다.

$(“#해당ID”).attr(“maxlength”, 32);