jquery
[JQuery] 글자수 제한하기
http://portfolio.wonpaper.net
2022. 11. 9. 15:01
jquery 로 간단히 글자수 제한시키는 소스를 정리해 보았다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<textarea id="content1" name="content1" rows="4" placeholder="간략히 기입해 주십시오."></textarea>
<p id="txt_max_cnt">(0 / 400)</p>
<script>
$(document).ready(function() {
$('#content1').on('keyup', function() {
$('#txt_max_cnt').html("("+$(this).val().length+" / 400)");
if($(this).val().length > 400) {
$(this).val($(this).val().substring(0, 400));
$('#txt_max_cnt').html("(400 / 400)");
}
});
});
</script>
|
cs |
참고 : https://bskyvision.com/entry/jquery-textarea-%EA%B8%80%EC%9E%90%EC%88%98-%EC%B9%B4%EC%9A%B4%ED%8A%B8