본문 바로가기

IT/jQuery

입력폼 글자수 제한

게시판등의 입력폼에서 글자수를 제한하는 방법이 필요할 때가 있습니다.

input의 경우 maxlength를 사용하면 간단히 됩니다.

<input type="text" maxlength="10">

textarea에서 제한하고자 할때는 maxlength는 사용할 수 없습니다.

이때는 스크립트를 이용해야 겠죠.


<form id="insertFrm" name="insertFrm"> 

<textarea id="test" name="test"> 

</textarea> 

</form>





<script type="text/javascript">

$(document).ready(function() {


    $('#test').on('keyup', function() {


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

            $(this).val($(this).val().substring(0, 4000));

        }


    });


});

</script>


참조 : http://deuxism.tistory.com/12

'IT > jQuery' 카테고리의 다른 글

비밀번호 유효성 검사  (0) 2016.12.13
jQuery UI Datepicker 옵션  (0) 2016.01.26
jQuery UI Datepicker 휴일 지정  (0) 2016.01.12
jQuery 부모창 제어/접근(opener, parent)  (0) 2016.01.11
[jQuery] radio 값 가져오기, 설정하기  (1) 2016.01.08