Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk melaksanakan jquery untuk mengehadkan bilangan perkataan dalam kotak input textarea

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

PHPz
PHPzke hadapan
2016-05-16 16:20:00918semak imbas

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>

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

Kenyataan:
Artikel ini dikembalikan pada:jb51.net. Jika ada pelanggaran, sila hubungi admin@php.cn Padam