먼저 JQuery 를 통해 해당 태그에 속성을 추가로 만든다.
|
1 2 3 4 5 6 7 |
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);