jquery怎么實現(xiàn)限制textarea輸入的字數(shù)呢?有需要的朋友可以參考一下我寫的例子,當然如果有誤,也希望大家能及時指出來,大家共同學習進步。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>textarea 限制字數(shù)</title> <style> .container{ position: relative; width: 730px; } .container span{ position: absolute; bottom: 20px; right: 30px; } </style></head><body> <div class="container"> <textarea name="content" id="content" cols="100" rows="10"></textarea> <span>0/10</span> </div> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script> <script> $(function(){ /** * textarea 限制輸入字數(shù) * @param string str 類名或ID * @param number num 限制輸入的字數(shù) */ function limitImport(str,num){ $(document).on('input propertychange',str,function(){ var self = $(this); var content = self.val(); if (content.length > num){ self.val(content.substring(0,num)); } self.siblings('span').text(self.val().length+'/'+num); }); } //用法示例 limitImport('#content',10); }) </script></body></html>以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持錯新站長站。
新聞熱點
疑難解答
圖片精選