728x90
반응형
SMALL
자바스크립트에서 글자수를 실시간으로 알려주면서 써야할때가 있다..
(15 / 200) <-----요런거 짤때..ㅋ.ㅋ
그때 쓴 코드..
200글자 제한이라고 할때..
<script>
$("#searchKeyword").keyup(function(e) {
console.log("키업!");
var content = $(this).val();
$("#textLengthCheck").val("(" + content.length + "/ 200)"); //실시간 글자수 카운팅
if (content.length > 200) {
Alert("최대 200자까지 입력 가능합니다.");
$(this).val(content.substring(0, 200));
$('#textLengthCheck').html("(200 / 최대 200자)");
}
});
</script>
<html>
...
<input class="keyword" type="text" placeholder="검색 키워드를 입력하세요" id="searchKeyword" name="searchKeyword">
<input type="text" placeholder="글자 수" id="textLengthCheck">
</html>
이건 무조건 1글자씩으로 글자수를 세는 코드고..
다음은 한글은 1바이트, 영어는 2바이트로 계산해서 바이트 수로 알려주는 코드.
위 소스의 content.length 대신 이 함수로 리턴하게 바꿔주면 됨..
function getTextLength(str) {
var len = 0;
for (var i = 0; i < str.length; i++) {
if (escape(str.charAt(i)).length == 6) {
len++;
}
len++;
}
return len;
}
728x90
반응형
LIST
'JavaScript' 카테고리의 다른 글
| 자바스크립트에서 모든 문자열 줄 바꿈 제거 (0) | 2023.03.13 |
|---|---|
| 자바스크립트 소수점 뒤의 0 제거 (2) | 2023.03.12 |
| 전화번호 중간에 - 넣기 (0) | 2021.03.31 |
| 숫자 세자리마다 콤마찍기 (0) | 2021.03.31 |
| 자바스크립트 생년월일로 나이 계산 (0) | 2021.03.17 |
