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