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!
Was sind die JQuery-Plug-Ins?
So stellen Sie den Textbereich schreibgeschützt ein
So bedienen Sie JSON mit JQuery
So löschen Sie Elemente in JQuery
Verwendung der jQuery-Methode hover()
jquery implementiert die Paging-Methode
Was ist ein verstecktes Element in jquery?
Was wird in jquery hervorgehoben?
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
