반응형
입력창 글자수 제한
<div class="form-group col-12" >
<div class="textLengthWrap">
<p class="textCount">0자</p>
<p class="textTotal">/200자</p>
</div>
<textarea style="height:300px; resize: none;" maxlength="200" placeholder="텍스트를 입력하세요.">
</textarea>
</div>
$('#textBox').keyup(function (e) {
let content = $(this).val();
// 글자수 세기
if (content.length == 0 || content == '') {
$('.textCount').text('0자');
} else {
$('.textCount').text(content.length + '자');
}
// 글자수 제한
if (content.length > 200) {
// 200자 부터는 타이핑 되지 않도록
$(this).val($(this).val().substring(0, 200));
// 200자 넘으면 알림창 뜨도록
alert('글자수는 200자까지 입력 가능합니다.');
};
});
반응형
'프로그래밍 > Script' 카테고리의 다른 글
[jQuery] URL에서 해시 값 가져오기 (0) | 2023.07.04 |
---|---|
7 JavaScript Web APIs to build Futuristic Websites you didn’t know (0) | 2023.07.04 |
jquery keyup, keydown, keypress 차이 (0) | 2023.07.03 |
document.ready() vs window.load() 차이 (0) | 2023.07.03 |
[jQuery] jQuery .each , $.trim li에서 텍스트 추출, 공백제거 (0) | 2023.06.23 |