javascript | textarea 현재 입력된 글자수 제한
페이지 정보
작성자 100K5 작성일15-10-31 16:39 조회53,874회 댓글0건관련링크
본문
<script type="text/javascript">
<!--
function returnThisTextLength(objName, targetName, max){
var obj = document.getElementById(objName);
var target = document.getElementById(targetName);
var this_length;
var cutChar = '';
var tmpChar = '';
var es = '';
this_length = 0;
if (obj.value !='')
{
for (var i = 0; i < obj.value.length ; i++)
{
cutChar = obj.value.charAt(i);
es = escape(cutChar);
if (escape(cutChar).length > 4) this_length += 2;
else this_length+=1;
}
}
else
{
target.innerHTML = '<span>0</span> / '+max+' bytes';
}
if (this_length > max) {
this_length = 0 ;
for (var i = 0; i < obj.value.length ; i++) {
cutChar = obj.value.charAt(i);
es = escape(cutChar);
if (escape(cutChar).length > 4) {
this_length += 2;
}else{
this_length+=1;
}
if (this_length > max) {
if (escape(cutChar).length > 4) {
this_length -= 2;
}else {
this_length -= 1;
}
break;
}
else {
tmpChar += cutChar;
}
}
alert('영문 '+ max + '자 / 한글 '+ parseInt(max/2) +' 자까지만 가능합니다');
obj.value = tmpChar;
obj.focus();
}
target.innerHTML = '<span>' + this_length + '</span> /'+max+' bytes';
}
$(function(){
<?php
for ($i = 1; $i <= 2 ; $i++) {
?>
$("#content<?php echo $i; ?>").keyup(function(){
returnThisTextLength(this.id,'content<?php echo $i; ?>_bytes',20);
});
<?php
}
?>
});
//-->
</script>
<textarea name="content1" id="content1"><?php echo $row['content1'];?></textarea>
<span class="txtnum" id="content1_bytes"><span>0</span> / 1000 bytes</span>
<textarea name="content2" id="content2"><?php echo $row['content2'];?></textarea>
<span class="txtnum" id="content2_bytes"><span>0</span> / 1000 bytes</span>
댓글목록
등록된 댓글이 없습니다.