简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
Heim
Artikel
Fragen und Antworten
Kurs
Thema
Herunterladen
Spiel
Wörterbuch
kürzliche Updates

Heim  >  Artikel  >  Web-Frontend  >  So implementieren Sie JQuery, um die Anzahl der Wörter im Texteingabefeld zu begrenzen

So implementieren Sie JQuery, um die Anzahl der Wörter im Texteingabefeld zu begrenzen

PHPz
PHPznach vorne
2016-05-16 16:20:00873Durchsuche

In diesem Artikel wird hauptsächlich die Methode zur Begrenzung der Anzahl der Wörter im Textfeld-Eingabefeld vorgestellt. Diese Funktion wird durch das Lesen der Anzahl der Wörter im Textfeld-Eingabefeld in Echtzeit durch das Keyup-Ereignis realisiert großer praktischer Wert. Freunde, die es brauchen, können darauf verweisen

Das Beispiel in diesem Artikel beschreibt die Methode zur Verwendung von jquery, um die Anzahl der Wörter im Textfeld-Eingabefeld zu begrenzen. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Im Internet wird das Attribut „disabled“ verwendet, um dies zu erreichen. Das ist nicht gut, und ich habe es nicht geändert, selbst wenn ich wollte. Natürlich ist das auch nicht perfekt. 

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

Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird. Weitere verwandte Tutorials finden Sie im jQuery-Video-Tutorial!

Stellungnahme：
Dieser Artikel ist reproduziert unter:jb51.net. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Vorheriger Artikel：js-Methode zur Berechnung von Zufallszahlen zwischen beliebigen Werten_Javascript-KenntnisseNächster Artikel：js-Methode zur Berechnung von Zufallszahlen zwischen beliebigen Werten_Javascript-Kenntnisse

In Verbindung stehende Artikel

Mehr sehen