全角和半角混合文本的字符长度计算

最新推荐文章于 2020-02-29 23:46:59 发布

转载

最新推荐文章于 2020-02-29 23:46:59 发布 · 1k 阅读

4 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ghq120/p/10627991.html

文章标签：

#javascript #数据库 #java #ViewUI

博客介绍了如何在JavaScript和Java中计算全角和半角混合文本的字符长度，以满足特定输入限制，如限制汉字或英文数字的输入数量。通过Unicode编码判断字符类型，并动态调整长度计数。

序言

程序前台页面中，经常有一些有输入长度限制的input和textarea，限制长度的方法有标签上加入maxlength属性和使用js的length属性获取输入的内容长度。
以上的方法适用于大多数情况，但需求更复杂一些，比如输入框中最多输入10个全角文字或20个半角文字，即只能输入10个汉字或者20个英文数字。这时length属性就变得不适用。

解决方法

将输入的字符转为Unicode编码，根据编码来判断哪些是全角字符（对应length+=2），哪些是半角字符（对应length+=1）。

js版本

/**
 * 全角文字的长度
 * @param 输入文字
 * @return 文字长度
 */
function getMojiLength(str) {

    var realLength = 0;
    var len        = str.length;
    var charCode   = -1;

    for ( var i = 0; i < len; i++) {
        charCode = str.charCodeAt(i);

        if (charCode >= 0 && charCode <= 254) {
            // 0-255中的全角文字，依次对应下面的字符
            // ¢ , £ , § , ¨ , « , ¬ , ¯ , ° , ± , ´ , µ , ¶ , · , ¸ , » , × , ÷
            if (charCode == 162
                    || charCode == 163
                    || charCode == 167
                    || charCode == 168