[Ajax] - TextArea 게시물 및 댓글 수 실시간 출력하기
○ TextArea 게시물 및 댓글 수 실시간 출력하기 |
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"> <div class="comment_form" style="width:450px;"> <div class="right_desc" id="char_cnt" style="float:right;"> <i class="far fa-comment-dots"></i> 현재 <span id="counter" style="color: red;">0</span>글자 / 7글자 이상 </div> <textarea id="comment_write" name="comment_write" placeholder=" 댓글 달기" style="width:85%; margin-bottom: 10px; float: left;"></textarea> <button type="button" class="btn btn-outline-secondary" id="comment_write_submit" style="width:15%; height:53px;margin-bottom: 10px; float: left;">등록</button> </div> <script> $(function() { $('#comment_write').keyup(function (e){ var content = $(this).val(); $(this).height(((content.split('\n').length + 1) * 1.5) + 'em'); $('#counter').html(content.length); }); $('#comment_write').keyup(); }); </script> |
'Servlet' 카테고리의 다른 글
[Servlet] - 서블릿에서 Session 사용하기 (0) | 2018.07.23 |
---|---|
[Ajax] - Ajax와 Servlet 이용 아이디 중복 체크하기 (2) | 2018.06.29 |
[Javascript] - javascript 이용하여 패스워드 불일치 체크하기 (0) | 2018.06.29 |
[Servlet] - 서블릿 활용한 회원가입 구현하기 (0) | 2018.06.29 |
[Servlet] - *.do 서블릿과 FrontController 패턴 (0) | 2018.06.27 |