<script src="https://code.jquery.com/jquery-latest.js"></script> <textarea id="hz" name="hz" cols="30" rows="2"></textarea> <div id="cnt"></div> <script> $(document).ready(function() { var max = 30; // 최대 글자수 $('#cnt').text("(0 / " + max + ")"); $('#hz').on('keyup', function() { $('#cnt').html("(" + $(this).val().length + " / " + max + ")"); if($(this).val().length > max) { $(this).val($(this).val().substring(0, max)); $('#cnt').html("(" + max + " / " + max + ")"); } }); }); </script> 결과보기
<script src="https://code.jquery.com/jquery-latest.js"></script>
<textarea id="hz" name="hz" cols="30" rows="2"></textarea>
<div id="cnt"></div>
<script>
$(document).ready(function() {
var max = 30; // 최대 글자수
$('#cnt').text("(0 / " + max + ")");
$('#hz').on('keyup', function() {
$('#cnt').html("(" + $(this).val().length + " / " + max + ")");
if($(this).val().length > max) {
$(this).val($(this).val().substring(0, max));
$('#cnt').html("(" + max + " / " + max + ")");
}
});
</script>
결과보기
https://bskyvision.com/entry/jquery-textarea-글자수-카운트
관련글: 비타주리 님 (221222) https://sir.kr/qa/483820