Bagaimana untuk melaksanakan jquery untuk mengehadkan bilangan perkataan dalam kotak input textarea-tutorial js-php.cn

Bagaimana untuk melaksanakan jquery untuk mengehadkan bilangan perkataan dalam kotak input textarea

PHPz

Lepaskan： 2018-09-29 16:49:39

ke hadapan

872 orang telah melayarinya

Artikel ini terutamanya memperkenalkan kaedah menggunakan jquery untuk mengehadkan bilangan perkataan dalam kotak input textarea Fungsi ini direalisasikan dengan membaca bilangan perkataan dalam kotak input textarea dalam masa nyata melalui acara keyup nilai praktikal yang hebat. Rakan yang memerlukannya boleh merujuknya

Contoh dalam artikel ini menerangkan kaedah menggunakan jquery untuk mengehadkan bilangan perkataan dalam kotak input textarea. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Di Internet, atribut dilumpuhkan digunakan untuk mencapai perkara ini. Ini tidak bagus, dan saya tidak mengubahnya walaupun saya mahu. Sudah tentu, ini juga tidak sempurna.

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

Salin selepas log masuk

Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang Untuk lebih banyak tutorial berkaitan, sila lawati Tutorial Video jQuery!