javascript, jquery 실시간 글자수 체크

keyup 이벤트가 발생 할때 마다 글자수를 체크하여 표시한다.

	$("#ord_receiver_memo").keyup(function(e) {
	    //console.log("키업!");
		var content = $(this).val();
		$("#textLengthCheck").text("(" + content.length + " / 최대 45자)"); //실시간 글자수 카운팅
		if (content.length > 45) {
			alert("최대 45자까지 입력 가능합니다.");
			$(this).val(content.substring(0, 45));
			$('#textLengthCheck').text("(45 / 최대 45자)");
		}
	});

728x90

반응형

SMALL

html소스

<th class="text_bold">배송메모</th>
<td colspan="">
    <input type="text" class="tf_comm" id="ord_receiver_memo" name="ord_receiver_memo" style="width: 50rem;" maxlength="46">
    <span id="textLengthCheck">(0 / 최대 45자)</span>
</td>

결과 화면 

출처: https://deersoul6662.tistory.com/227