wr_content
본문
글자수 제한 실시간 체크하기 위해
1.에디터 사용안함으로 했구요
2.그누베직은 글쓰기 버튼 누르면 허용글자수를 초과했다는 얼럿이 나오는데요
if (document.getElementById("char_count")) {
if (char_min > 0 || char_max > 0) {
var cnt = parseInt(check_byte("wr_content", "char_count"));
if (char_min > 0 && char_min > cnt) {
alert("내용은 "+char_min+"글자 이상 쓰셔야 합니다.");
return false;
}
else if (char_max > 0 && char_max < cnt) {
alert("내용은 "+char_max+"글자 이하로 쓰셔야 합니다.");
return false;
}
}
}
그렇게 하지 않고
<script type="text/javascript">
$(function() {
$('#content').keyup(function (e){
var content = $(this).val();
$(this).height(((content.split('\n').length + 1) * 1.5) + 'em');
$('#counter').html(content.length + '/10');
});
$('#content').keyup();
});
</script>
허용글자수를 초과하면 키핑이 안되게 위의 코드를 적용시켜주고 싶은데
이를테면 maxlength 처럼요.어떻게 해야 할지..
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$('#content').keyup(function (e){
var content = $(this).val();
$(this).height(((content.split('\n').length + 1) * 1.5) + 'em');
$('#counter').html(content.length + '/10');
});
$('#content').keyup();
});
</script>
답변 1
아래 URL 참조해 보세요..
http://yangyag.tistory.com/438
해당 소스로 테스트 해보니 잘 작동되네요..
https://codepen.io/sklee227/pen/qMRxNJ
한글(10) / 영문(20) 자 제한용으로 테스트했어요..