텍스트 영역의 문자 수

2262 단어 htmljqueryphpjavascript
이 작은 강좌에서 나는 너에게 어떻게 텍스트 영역에서 문자 계수를 하는지 설명할 것이다. 많은 경우에 고객은 특정한 필드에 문자를 추가해야 한다. 이후에 사용자는 이 필드에 어떠한 데이터도 추가할 수 없다. 이때 우리는 문자 계수를 표시해서 사용자가 텍스트 영역에서 자신의 내용을 관리할 수 있도록 할 수 있다.본문에서, 우리는 jQuery를 사용하여textarea의 문자 수를 계산하는 방법을 보게 될 것이다.
여기에는 텍스트 tarea가 있는 HTML 코드를 추가하고, 밑에 스크립트 태그에 jQuery 코드를 추가합니다.
<!DOCTYPE html>
<html>
<head>
    <title>Count Characters in Textarea Example - websolutionstuff.com</title>
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>
<body>
<div class="container">
    <h3 class="text-center" style="margin-bottom: 20px;">Count Characters in Textarea Example - websolutionstuff.com</h3>
     <div class="col-md-8 col-md-offset-2">
        <textarea name="textarea" id="textarea" maxlength="300" rows="5" style="width: 100%" placeholder="Write Here"autofocus></textarea>
        <div id="count">
            <span id="current_count">0</span>
            <span id="maximum_count">/ 300</span>
        </div>
    </div>
</div>
</body>
</html>
<script type="text/javascript">
$('textarea').keyup(function() {    
    var characterCount = $(this).val().length,
        current_count = $('#current_count'),
        maximum_count = $('#maximum_count'),
        count = $('#count');    
        current_count.text(characterCount);        
});
</script>
그리고 다음 화면의 출력을 출력할 수 있습니다.

Read Also : How To Generate QRCode In Laravel


댓글에 공유하고 댓글도 남기는 것도 잊지 마세요.
질문
k6를 사용하여 DB의 부하 테스트 환경을 구축해 보십시오

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage