JQ實現統計文本框剩餘字數 效果圖: 代碼如下,複製即可使用: 如果有更好的方法,可以和我們大家一起分享哦,如有錯誤,歡迎聯繫我改正,非常感謝!!! ...
JQ實現統計文本框剩餘字數
效果圖:
代碼如下,複製即可使用:
<html lang="en"> <head> <meta charset="UTF-8"> <title>使用JQ實現統計剩餘字數</title> <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script> </head> <body> <textarea name="" id="" cols="100" rows="30"></textarea> <span>你還可以輸入<strong style="color:red;">140</strong>個字</span> <script> var maxLength = 140; $('textarea').keyup(function(){ var L = $(this).val().length; $('strong').text(maxLength-L);//總字數減去輸入的字數 if(parseInt($('strong').text())<0){ $('strong').text('0'); //如果輸入文字小於0 則文本顯示為0 //alert($(this).val()); var val1 = $(this).val().substr(1,140);//截取輸入長度 //substr(不推薦使用,ECMAScript沒有標準化substr()方法) $(this).val(val1); } }) </script> </body> </html>
如果有更好的方法,可以和我們大家一起分享哦,如有錯誤,歡迎聯繫我改正,非常感謝!!!