<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="js/jquery-1.10.2.js" type="text/javascript" charset="utf-8"></script> </head> <body> <!-- 在處理textarea之前，首先需知道textarea是不會顯示value值的， 如果想顯示需要使用js中的方法 $('#textArea').val('123'); --> <div class="one"> <textarea id="textArea" cols="30" rows="10">測試</textarea> <span class='two'><span id="textNum">0</span>/100</span> <!-- 最多100字符，0處顯示的是已經寫了多少字符 --> </div> <script> $('#textArea').on("keyup",function(){ $('#textNum').text($('#textArea').val().length);//這句是在鍵盤按下時，實時的顯示字數 if($('#textArea').val().length > 100){ $('#textNum').text(100);//長度大於100時0處顯示的也只是100 $('#textArea').val($('#textArea').val().substring(0,100));//長度大於100時截取錢100個字符 } }) $('#textNum').text($('#textArea').val().length);//這句是在刷新的時候仍然顯示字數 </script> </body> </html>