텍스트 영역 입력 상자의 단어 수를 제한하기 위해 jquery를 구현하는 방법-JS 튜토리얼-php.cn

텍스트 영역 입력 상자의 단어 수를 제한하기 위해 jquery를 구현하는 방법

PHPz

풀어 주다： 2018-09-29 16:49:39

앞으로

872명이 탐색했습니다.

이 글에서는 jquery를 사용하여 텍스트 영역 입력 상자의 단어 수를 제한하는 방법을 주로 소개합니다. 이 기능은 keyup 이벤트를 통해 텍스트 영역 입력 상자의 단어 수를 실시간으로 읽어 구현하는 것입니다. 실용성이 뛰어납니다. 필요한 친구들이 참고하면 좋을 것 같습니다

이 글의 예시에서는 jquery를 사용하여 텍스트 영역 입력 상자의 단어 수를 제한하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

인터넷에서는 이를 달성하기 위해 비활성화 속성을 사용하는데, 이는 좋지 않으며 수정하고 싶어도 수정하지 않았습니다. 물론 이것도 완벽하지는 않습니다.

<html>
<head>
<title> jquery完美实现textarea输入框限制字数</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
 $(function(){
  $("#weibo").keyup(function(){
   var len = $(this).val().length;
   if(len > 139){
    $(this).val($(this).val().substring(0,140));
   }
   var num = 140 - len;
   $("#word").text(num);
  });
 });
</script>
<style type="text/css">
h6{color:blue;}
textarea{resize:none;}
#word{color:red;}
</style>
</head>
<body>
<h6>说点什么吧，你可以输入<span>140</span>个字，现在剩余<span id="word">140</span>个</h6>
<textarea name="con" id="weibo" cols="45" rows="6"></textarea>
</body>
</html>

로그인 후 복사

이 기사가 모든 사람의 jQuery 프로그래밍에 도움이 되기를 바랍니다. 더 많은 관련 튜토리얼을 보려면 jQuery 동영상 튜토리얼을 방문하세요.