现在的位置: 首页 > 综合 > 正文

限制输入框的长度(汉字解决方案)

2013年05月05日 ⁄ 综合 ⁄ 共 1351字 ⁄ 字号 评论关闭

 昨天应朋友要求,做了一个简单的限制文本长度的示例,以对应数据库中一个中文字符占2个字节的问题。
源码如下:

 <script>
function getStringUTFLength(str) {
    var value = str.replace(/[^/x00-/xff]/g,"  ");
    return value.length;
}

function leftUTFString(str,len) {
    if(getStringUTFLength(str)<=len)
        return str;
    var value = str.substring(0,len);

    while(getStringUTFLength(value)>len) {
        value = value.substring(0,value.length-1);
    }
    return value;
}

function count() {
    var value = document.getElementById("licenseother").value;
    value = value.replace(/[/u4e00-/u9fa5]/g,"  ");
    //alert(value.length);
    if(value.length>=255) {
        with(window.event) {
            cancelBubble = true;
            keyCode=0;
            returnValue = false;
        }
        document.getElementById("licenseother").value = leftUTFString(document.getElementById("licenseother").value,8);
    }
    document.getElementById("result").value = 255-getStringUTFLength(document.getElementById("licenseother").value);
}
</script>
<table width="100%">
<tr><td>
本输入框限制输入255个字符(汉字计算为2个字符:)
</td></tr>
<tr><td>
<textarea cols=80 rows=3 wrap="virtual" id="licenseother" onkeypress="count()" onkeyup="count()" onblur="count();" onChange="count();"></textarea>

</td></tr>
<tr><td>
剩余字符数:<input type="text" size="3" id="result" value="255">
</td></tr>
</table>
}

来自:http://liu2liu2.spaces.live.com/blog/cns!54B12917375EF5A0!267.entry

抱歉!评论已关闭.