채택완료

wr_content

2018-08-31 (금) 19:46:25 2,758

글자수 제한 실시간 체크하기 위해

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개 / 댓글 1개

채택된 답변
+20 포인트

아래 URL 참조해 보세요..

http://yangyag.tistory.com/438

해당 소스로 테스트 해보니 잘 작동되네요.. 

https://codepen.io/sklee227/pen/qMRxNJ

한글(10) / 영문(20) 자 제한용으로 테스트했어요..

답변에 대한 댓글 1개

2018-09-03 (월) 04:01:42
감사합니다. 직접 이렇게 코드에 테스트까지 해주시고,,'

답변을 작성하려면 로그인이 필요합니다.