欢迎进入广州凡科互联网科技有限公司网站
全国服务热线
4000-399-000
小程序设计软件_jquery完成限制textarea输入字数的
时间: 2021-01-11 14:42 浏览次数:
jquery完成限定textarea键入篇幅的方式 本文关键为大伙儿详尽详细介绍了jquery完成限定textarea键入篇幅的方式,具备一定的参照使用价值,很感兴趣的小伙子伴们能够参照一下jquery如
jquery实现限制textarea输入字数的方法       这篇文章主要为大家详细介绍了jquery实现限制textarea输入字数的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

jquery怎么实现限制textarea输入的字数呢?有需要的朋友可以参考一下我写的例子,当然如果有误,也希望大家能及时指出来,大家共同学习进步。

 !DOCTYPE html 
 html lang="en" 
 head 
 meta charset="UTF-8" 
 title textarea 限制字数 /title 
 style 
 .container{
 position: relative;
 width: 730px;
 .container span{
 position: absolute;
 bottom: 20px;
 right: 30px;
 /style 
 /head 
 body 
 div 
 textarea name="content" id="content" cols="100" rows="10" /textarea 
 span 0/10 /span 
 /div 
 script src="jquery/2.0.0/jquery.js" /script 
 script 
 $(function(){
 * textarea 限制输入字数
 * @param string str 类名或ID
 * @param number num 限制输入的字数
 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 

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持凡科。




Copyright © 广州凡科互联网科技有限公司 版权所有 粤ICP备10235580号
全国服务电话:4000-399-000   传真:021-45545458
公司地址:广州市海珠区工业大道北67号凤凰创意园