首页 > 其他分享 >如何限制textarea域中的字符的个数

如何限制textarea域中的字符的个数

时间:2023-04-17 10:33:17浏览次数:30  
标签:function 字符 textarea max 个数 && var type keyCode


我们都知道textarea标签没有maxlength属性,那么就需要我们用代码来进行控制,下面是针对texarea写的一个限制输入长度的



jQuery.fn.maxLength = function(max){  
            this.each(function(){  
               var type = this.tagName.toLowerCase(); 
                var inputType = this.type? this.type.toLowerCase() : null;  
                if(type == "input" && inputType == "text" || inputType == "password"){  
                    //Apply the standard maxLength  
                    this.maxLength = max;  
                }  
                else if(type == "textarea"){  
                 this.onkeypress = function(e){  
                     var ob = e || event;  
                     var keyCode = ob.keyCode;  
                     var hasSelection = document.selection? document.selection.createRange().text.length > 0 : this.selectionStart != this.selectionEnd;  
                     return !(this.value.length >= max && (keyCode > 50 || keyCode == 32 || keyCode == 0 || keyCode == 13) && !ob.ctrlKey && !ob.altKey && !hasSelection);  
                 };  
                 this.onkeyup = function(){  
                     if(this.value.length > max){  
                        this.value = this.value.substring(0,max);  
                     }  
                 };  
             }  
         });  
     };



用法如下:


$('#mytextarea').maxLength(500);



 

 

 

 

标签:function,字符,textarea,max,个数,&&,var,type,keyCode
From: https://blog.51cto.com/u_16071779/6194514

相关文章

  • vue input每次输入一个字符后自动失去焦点 问题
    我在输入框输入的时候,每输入一次,输入框就自动失去焦点了。ps:实现的功能是,一个列表组件,每个对象中都有一个input输入框。<divclass="addTags"v-for="(item,index)inlist":key="item.title"><inputtype="text"v-model="item.title"></div>原因问......
  • 字符串操作
    双引号spam="ThatisAlice'scat."字符串可以用双引号开始和结束,就像用单引号一样。使用双引号的好处就是字符串中可以使用单引号字符,如以上操作。 转义字符spam="SayhitoBob\'smother">>>spam"SayhitoBob'smother"常见的转义字符:转义字符......
  • 字符串转换整数 (atoi)
    题目描述难度中等请你来实现一个myAtoi(strings)函数,使其能将字符串转换成一个32位有符号整数(类似C/C++中的atoi函数)。函数myAtoi(strings)的算法如下:读入字符串并丢弃无用的前导空格检查下一个字符(假设还未到字符末尾)为正还是负号,读取该字符(如果有)。确定最终......
  • Linux驱动入门-最简单字符设备驱动(基于pc ubuntu)
    原文:https://blog.csdn.net/XiaoXiaoPengBo/article/details/128505550一.字符设备驱动概念字符设备是Linux驱动中最基本的一类设备驱动,字符设备就是一个一个字节,按照字节流进行读写操作的设备,读写数据是分先后顺序的。比如我们最常见的点灯、按键、IIC、SPI,LCD等等都是字符......
  • js 传递汉字 乱码_JavaScript 字符串反转乱码问题解决
    https://blog.csdn.net/weixin_36483301/article/details/113451892emoji表情和非常用字实际解决中文编码问题,可以通过解码解决js中使用decodeURL即可解决......
  • javascript 把嵌套的 map 转成 object,再转 json 字符串
    使用JSON.stringify转map时发现并没有转成想要的JSON数据,搜索发现要转成Object才能够转成完整的JSON,用递归转换:constconvertNestedMapToObject=(map)=>{if(mapinstanceofMap){map.forEach((v,k)=>{......
  • 在Excel中输入特殊字符   
    使用标准的计算机键盘你可以输入大约94种不同的字符,包括字母、数字和其它一些功能符号。但是我们在实际应用中会使用很多其它的字符,这些字符都不能通过标准的US键盘直接输入,例如标准字体Arial中就有大约200种不同的字符可以使用,包括英镑符号£,欧元符号€,版权符号©等。本文描述了......
  • linux中sed命令删除首次匹配字符及其之前的内容或者指定匹配字符及其之前的内容
     001、root@DESKTOP-IDT9S0E:/home/test/test/test#lsa.txtroot@DESKTOP-IDT9S0E:/home/test/test/test#cata.txt##测试数据awQQrQQ24QQ34QQr5sfewQQ3dsQQkkQQsaeQQ88QQjjQQdsfroot@DESKTOP-IDT9S0E:/home/test/test/test#sed's/QQ/tag/'a.txt|se......
  • linux中截取字符串中指定字符之前的内容
     001、root@DESKTOP-IDT9S0E:/home/test/test/test#str1="Homo_sapiens.GRCh38.99.chgffromosome.22.gff3"root@DESKTOP-IDT9S0E:/home/test/test/test#str2=${str1%.*}##截取最后一个.之前的内容root@DESKTOP-IDT9S0E:/home/test/test/test#echo$str2Homo_sapiens......
  • Python实现字符串模糊匹配
      在一个字符串中,有时需对其中某些内容进行模糊匹配以实现条件的判定,如在“你好,hello,world”中判断是否含有“llo”。Python中通过re.search()方法实现,特别地,对于首位起始的内容匹配,也可通过re.match()方法实现。若匹配成功,它们返回一个re.Match对象;若匹配失败,返回None。re.s......