작성일 : 12-09-13 14:23
|
[JQuery] textarea 내부에서 글자수 제한 스크립트
|
 |
|
글쓴이 :
조형래
 조회 : 4,237
|
<script src="/js/jquery/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#remaining').each(function () {
var $count = $('#count', this);
var $input = $("#SMS_CONTENTS");
var maximumCount = $count.text() * 1;
var update = function () {
var before = $count.text() * 1;
var now = maximumCount - $input.val().length;
// 사용자가 입력한 값이 제한 값을 초과하는지를 검사한다.
if (now < 0) {
var str = $input.val();
$("#SMS_CONTENTS").focus();
var inputVal = str.substr(0, maximumCount);
alert('80자를 초과하였습니다.');
now = 0;
$input.val(inputVal);
}
// 필요한 경우 DOM을 수정한다.
if (before != now) {
$count.text(now);
}
};
$input.bind('input keyup paste', function () {
setTimeout(update, 0);
});
update();
});
});
<textarea name="SMS_CONTENTS" id="SMS_CONTENTS" rows="3" cols="50" onkeyUp="javascript:keyup()"/></textarea>
<div id="remaining" align="left">
<font color="#3366cc">
<span id="count">80</span>Byte ( 80 Bytes 이내)
</font>
</div>
|
|
1063
