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

博客介绍了如何在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
            
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值