js校验输入框还可以输入多少个字，区分汉字和非汉字

最新推荐文章于 2024-03-01 09:05:02 发布

weixin_30216561

最新推荐文章于 2024-03-01 09:05:02 发布

阅读量155

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/chenchaochao/p/5960495.html

版权

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>main.html</title>
<style type="text/css">
</style>
<script type="text/javascript">
    function checkLength (target)
    {
        var maxLength = 100;
        var targetLength = native2ascii (target.value);
        var leftLength = maxLength - targetLength;
        var size = document.getElementById ("size");
        size.innerHTML = size.innerHTML.replace(/(\+|\-)?\d+/, leftLength);
    }
     
    function native2ascii (value)
    {
        var nativecode = value.split ("");
        var len = 0;
        for ( var i = 0; i < nativecode.length; i++)
        {
            var code = Number (nativecode[i].charCodeAt (0));
            if (code > 127)
            {
                len += 2;
            }
            else
            {
                len++;
            }
        }
        return len;
    }
</script>
</head>
<body>
    <textarea onkeyup="checkLength(this)" rows="10" cols="30" style="resize: none;"></textarea>
    <div id="size" style="color: red;">输入100字节数</div>
</body>
</html>