<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>
반응형
'차근차근 > HTML CSS' 카테고리의 다른 글
robots.txt (0) | 2023.02.07 |
---|---|
swiper auto loop .. 따라해봄 (0) | 2022.10.27 |
swiper auto loop .. 따라해봄1 (반응형x) (0) | 2022.10.26 |
아이폰 모바일웹에서 가로스크롤생김 (0) | 2022.08.05 |
html화면 보였다 사라졌다 (0) | 2021.12.16 |