어디서 카피 했는지 생각이 나지않지만...
$(function () {
$('.remaining').each(function () {
// count 정보 및 count 정보와 관련된 textarea/input 요소를 찾아내서 변수에 저장한다.
var $count = $('.count', this);
var $input = $(this).prev();
// .text()가 문자열을 반환하기에 이 문자를 숫자로 만들기 위해 1을 곱한다.
var maximumCount = $count.text() * 1;
// update 함수는 keyup, paste, input 이벤트에서 호출한다.
var update = function () {
var before = $count.text() * 1;
var now = maximumCount - $input.val().length;
// 사용자가 입력한 값이 제한 값을 초과하는지를 검사한다.
if (now < 0) {
var str = $input.val();alert('글자 입력수가 초과하였습니다.');
$input.val(str.substr(0, maximumCount));
now = 0;
}
// 필요한 경우 DOM을 수정한다.
if (before != now) {
$count.text(now);
}
};
// input, keyup, paste 이벤트와 update 함수를 바인드한다
$input.bind('input keyup paste', function () {
setTimeout(update, 0) });
update();
});
});
<TEXTAREA id="contentHelp"></TEXTAREA>
<DIV class=remaining>남은 글자수: <SPAN class="count">10</SPAN></DIV>
댓글 0
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
공지 | 말그대로 잡동사니 팁 유틸등을 정리 해보려합니다 | 공수래 | 2013.03.15 | 2726 |
16 | flexGrid 메소드및 프로퍼티 정리 | 공수래 | 2023.10.19 | 119 |
15 | crossdomain.xml 작성법 | 공수래 | 2015.05.07 | 4931 |
14 | Daz 3D Tutorial-3PointLightSetup | 공수래 | 2014.10.26 | 983 |
13 | [jQuery] jQuery API - 선택자 | 공수래 | 2014.09.25 | 835 |
12 | jQuery API - 제어 (선택, 삽입, 삭제, 변경, 변환, 확장) | 공수래 | 2014.09.25 | 6449 |
11 | 쿠키생성 및 사용하기 | 공수래 | 2014.09.14 | 660 |
10 | keygen | 공수래 | 2013.09.07 | 1917 |
9 | jquery waterwheel Carousel 플러그인 이미지 아래에 텍스트 넣기 | 공수래 | 2013.08.12 | 4607 |
8 | jQuery 메소드 | 공수래 | 2013.08.02 | 2351 |
7 | 엘리먼트에 관련된 프로퍼티 메서드 | 공수래 | 2013.08.02 | 1490 |
6 | jQuery에서 제공하는 엘리먼트와 관련된 프로퍼티와 메서드 | 공수래 | 2013.08.02 | 7778 |
5 | 웹폰트 개념 | 공수래 | 2013.08.01 | 1280 |
4 | .outerWidth( [includeMargin] ) | 공수래 | 2013.07.26 | 1992 |
3 | daz3d UberEnvironment 라이트 | 공수래 | 2013.07.12 | 1410 |
» | Jquery 글자수 체크 | 공수래 | 2013.03.16 | 2378 |
1 | Nginx로 서버를 돌릴 경우 1M 파일 제한 | 공수래 | 2013.03.15 | 2324 |