차근차근/HTML CSS
textarea 글자수
예쁜꽃이피었으면
2022. 10. 26. 13:55
<div>
<textarea id="textTest" name="textTest" rows="5" cols=""></textarea>
</div>
<div class="">
<label class="">※ 500자까지 입력 가능</label>
<label class="textTestCount">( 500자 /500자 )</label>
</div>
<script type="text/javascript">
$('#textTest').keyup(function(){
let content = $(this).val();
if(content.length == 0 || content == '' ){
$('.textTestCount').text('( 0자 /500자 )');
}else{
$('.textTestCount').text('( '+content.length + '자 /500자 )');
}
if(content.length > 500){
$(this).val($(this).val().substring(0,500));
alert('글자수는 500자 까지 입력가능 합니다.');
};
});
</script>
반응형