HTML5

textarea maxlength

투명함이진실 2014. 8. 11. 16:19

ie9 를 포함 이전버전에서는 textarea 에 maxlength 가 지원되지 않는다

script로 글자수를 제한하는 로직을 구현해야 한다.

 

<script type="text/javascript">

function textarea_maxlength( obj )

{

  var maxLength = parseInt(obj.getAttribute("maxlength"));

  if( obj.value.length > maxLength) {

    alert('글자수가 ' + (obj.value.length-1) + '자 이내로 제한됩니다');

    obj.value = obj.value.substring(0,maxLength);

  }

}

</script>

 

<div class="textarea">

<textarea name="textarea" class="textarea" maxlength="10" onkeyup="return textarea_maxlength(this)">

</textarea>

</div>