차근차근/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>
반응형

'차근차근 > 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