输入限制字符串

直接看代码:

 

参数说明:

str:就是字符串

len:所要限制的字数

str2:以什么来结束,如果不输入就是以...结束

这里作为参数传进来,用户可以任意几个点

 

//限制字数
function mCutStr(str, len, str2) {
    if (str == '') {
        return '';
    }
    if (str2 == '') {
        var str3 = '';
    } else {
        var str3 = str2 || '...';
    }
    var str_length = 0; //实际长度
    var str_len = 0;
    str_cut = new String();
    str_len = str.length;
    for (var i = 0; i < str_len; i++) {
        a = str.charAt(i);
        str_length++;
        //中文的情况多加1
        if (escape(a).length > 4) {
            //中文字符的长度经编码之后大于4
            str_length++;
        }
        str_cut = str_cut.concat(a);
        if (str_length <= len && (i == (str_len - 1) || i == (str_len - 2))) {
            return str;
        }
        if (str_length >= len && i < (str_len - 2)) {
            str_cut = str_cut.concat(str3);
            return str_cut;
        }
    }
}

 

用的时候直接调方法就ok,

 

 

今天又弄了一下

 

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS限制输入字数</title>
</head>
<body>
<p id="p1"></p>
<p id="p2"></p>
<script type="text/javascript">
function cutstr(str,len,end){  
    if (str == '') {
        return '';
    }
    if (end == '') {
        var str3 = '';
    } else {
        var str3 = end || '...';
    }
   var str_length = 0;  
   var str_len = 0;  
      str_cut = new String();  
      str_len = str.length;  
      for(var i = 0;i<str_len;i++){  
        a = str.charAt(i);  
        str_length++;  
        if(escape(a).length > 4){    
            str_length++;  
         }  
            str_cut = str_cut.concat(a);  
         if(str_length>=len){  
            str_cut = str_cut.concat(end);  
            return str_cut;  
         }  
    }  
    if(str_length<len){  
     return  str;  
    }  
}
var a = "阿11ss莱s克剪s短发绿卡s时间的福利卡收费";
var b = "你好你好你好你好你好你好";
var p1 = document.getElementById("p1"); 
var p2 = document.getElementById("p2"); 
p1.innerHTML = cutstr(a,10,'..');
p2.innerHTML = cutstr(b,10,'....');
</script>
</body>
</html>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值