Home > Article > Web Front-end > How to implement jquery to limit the number of words in textarea input box

How to implement jquery to limit the number of words in textarea input box

PHPzforward: 2016-05-16 16:20:00872browse

This article mainly introduces the method of using jquery to limit the number of words in the textarea input box. This function is realized by reading the number of words in the textarea input box in real time through the keyup event. It is of great practical value. Friends who need it can refer to it

The example in this article describes the method of using jquery to limit the number of words in the textarea input box. Share it with everyone for your reference. The specific analysis is as follows:

On the Internet, the attribute disabled is used to achieve this. This is not good, and I didn’t modify it even if I wanted to. Of course, this isn't perfect either.

<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>

I hope this article will be helpful to everyone’s jQuery programming. For more related tutorials, please visit jQuery Video Tutorial!

Statement：

This article is reproduced at:jb51.net. If there is any infringement, please contact admin@php.cn delete

Previous article：js method to calculate random numbers between arbitrary values_javascript skillsNext article：js method to calculate random numbers between arbitrary values_javascript skills

See more

How to implement jquery to limit the number of words in textarea input box

Related articles