JavaScript 限制TextArea长度

最新推荐文章于 2024-01-10 11:55:05 发布

最新推荐文章于 2024-01-10 11:55:05 发布 · 161 阅读

文章标签：

#JavaScript #ViewUI

应用专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的文本输入长度限制方法，通过自定义函数来控制文本区域输入字符的数量，特别是对中文字符进行特殊处理，确保用户体验的同时维持输入长度的合理控制。

<script>    
function limitLength(obj, length) {    
    var desc = obj.value;      
    obj.value = substr(obj.value,length);    
}    
function substr(str,length){    
    var l=0,i=0;    
while(l <length && i<str.length){    
        l+=1;    

if(str.substring(i,i+1).match(/[\u4e00-\u9fa5]/))l+=2;//一个中文是相当于3个英文  
        i+=1;    
    }    

return str.substring(0,i);    
}    
</script>    

  <textarea name="blogdesc" cols="50" rows="5" onkeyup="limitLength(this,200)">哇哈哈哈哈哈哈哈哈,动感超人</textarea>