`
frank1998819
  • 浏览: 758255 次
  • 性别: Icon_minigender_1
  • 来自: 南京
文章分类
社区版块
存档分类

JS 统计输入字符的长度(包含全角、中文和半角)

    博客分类:
  • JS
 
阅读更多

function getStringLength(str) {
  var totalLength = 0;
  var list = str.split("");
  for(var i = 0; i < list.length; i++) {
   var s = list[i];
   if (s.match(/[\u0000-\u00ff]/g)) { //半角
    totalLength += 1;
   } else if (s.match(/[\u4e00-\u9fa5]/g)) { //中文 
    totalLength += 3;
   } else if (s.match(/[\uff00-\uffff]/g)) { //全角
    totalLength +=3;
   }
  }  
  return totalLength;
}

 

备注: 中文的编码为UTF-8

分享到:
评论

相关推荐

    Split-由任意个全角或半角空格分隔开的任意长度的字符串

    在这个场景中,标题提到的是“由任意个全角或半角空格分隔开的任意长度的字符串”,这暗示了我们处理的是包含不同类型的空格(全角空格和半角空格)作为分隔符的情况。 全角空格和半角空格在字符编码上是有区别的。...

    正则表达式判断是否存在中文和全角字符和判断包含中文字符串长度

    全角字符是指宽度为一个全角(即两个半角)的字符,包括中文字符和其他特殊字符。可以通过扩展上面的正则表达式来检测全角字符: ```javascript str.match(/[\uFF01-\uFF5E\uFFE0-\uFFEE]/g); ``` 这个正则表达式的...

    javascript实现全角半角检测的方法

    总的来说,`issbccase`函数是一个简洁且实用的JavaScript工具,可以帮助开发者高效地处理全角半角字符的问题。理解这个函数的工作原理以及如何应用,对于提升JavaScript编程技能和解决实际问题具有重要意义。在实际...

    jquery插件

    2. **字符串处理函数**:JavaScript提供了多种字符串处理函数,如`length`属性用于获取字符串长度,但这个长度是基于字节数的,对于全角和半角字符并不区分。开发插件时,可能需要自定义函数来准确计算全角字符的...

    JS按字节截取字符长度实例

    在这篇文章中,作者详细介绍了如何使用JavaScript(JS)实现按字节长度截取字符串的功能,并提供了相应的代码示例。对于中文字符,由于其编码方式与英文字符不同,一个中文字符在UTF-8编码下会占用3个字节,而在GBK...

    javascript 全角转换实现代码

    在实现全角转换时,通常需要注意的是,不是所有的全角字符都与半角字符之间存在直接的数值映射关系,如中文全角字符和英文半角字符之间的转换需要特定的映射表。然而在这段代码中,它只是简单地将全角数字转换为半角...

    js form表单input框限制20个字符,10个汉字代码实例.docx

    本文将详细介绍如何使用JavaScript来实现对Form表单中的Input框字符输入限制的功能,具体来说,我们将限制输入的最大长度为20个字符(包括全角字符),或等效于10个汉字。 #### 二、实现原理概述 要实现上述功能,...

    一款高性能敏感词(非法词_脏字)检测过滤组件,附带繁体简体互换,支持全角半角互换,汉字转拼音,模糊搜索等功能.zip

    “支持全角半角互换”是指该组件能够处理全角字符(如中文字符、部分标点符号)和半角字符(如英文、数字、部分标点)之间的转换。在处理混合输入时,这可以确保统一性和准确性,例如在计算字符串长度或者进行特定...

    文本域限制

    2. JavaScript中的字符长度计算,包括全角和半角字符的区别。 3. 正则表达式匹配和计数汉字与字母。 4. 前后端一致性验证,确保数据安全。 5. 了解并应用不同编程语言的字符串处理函数。 这些知识点对于网页开发...

    Textarea限制输入文本长度

    - **多语言支持**:针对不同语言环境下的字符长度计算,例如全角字符和半角字符的区别。 #### 四、示例代码 下面提供一个完整的示例代码,包括HTML结构和JavaScript逻辑,以便更好地理解和使用上述功能: ```html ...

    输入字符的控制.rar

    8. **国际化与本地化**:考虑不同语言环境下的输入习惯,如全角半角字符、日期格式等。 压缩包内的文件“输入字符的控制”可能包含了上述各种情况的代码实例,帮助开发者更好地理解和应用输入字符控制的技术。学习...

    字符限制显示百分比 直观显示输入的字符数

    6. **多语言支持**:对于国际化的应用,百分比显示应考虑不同语言的字符宽度差异,比如全角字符(中文、日文等)和半角字符(英文、数字等)的宽度不一致。 在压缩包提供的"字符限制显示百分比"文件中,可能包含了...

    Ant Design Vue 添加区分中英文的长度校验功能

    全角字符和半角字符在中文、日文、韩文等语言环境中尤为重要,它们的编码占用的空间是不同的,导致在同样的字符长度约束下,用户可能会遇到无法预料的输入限制问题。以下详细介绍了如何在Ant Design Vue项目中实现...

    最新输入文本框测试用例.doc

    4. **特殊字符**:包括全角/半角特殊字符,例如单引号,以及可能引起安全问题的字符,如JavaScript函数。 5. **NULL和null**:确保系统能识别并处理这些特殊字符串。 6. **高危词、违禁词和敏感词**:测试系统是否...

    统计字数程序

    4. **特殊字符处理**:某些程序可以识别并处理特殊字符,比如全角字符和半角字符,在中文环境下,全角字符通常被视为一个字。 在实现统计字数的程序时,我们可以采用以下技术: 1. **编程语言选择**:常见的编程...

    计算字符串宽度

    这个宽度不同于字符串的字符数量或长度,因为不同字符的宽度可能不同,比如英文的字母和数字通常比中文字符窄,而某些特殊字符可能更宽。 字符串宽度的计算涉及以下几个关键知识点: 1. **字体**:字体决定了字符...

    web测试方法

    - 全角与半角字符:测试输入全角和半角字符的接受情况。 - 数字和特殊字符:验证系统是否允许输入数字、空格和特殊字符,特别是对单引号和&符号的处理。 - 长度检查:确保输入符合最小和最大长度限制,测试略低于...

    JS TextArea字符串长度限制代码集合

    特别注意的是,当用户使用IE浏览器输入日语和全角字符时,由于这些字符在输入法转换过程中的特殊性,标准的字符长度校验方法可能会失效。这是因为全角字符占用的字节比半角字符多,导致直接使用`.length`属性进行...

    限制文本框输入N个字符的js代码

    总的来说,这个函数提供了一种基本的方法来限制文本框输入的汉字和英文字符的总数,但可能需要根据实际项目需求进行适当的调整。例如,你可以修改`objLength`的值来适应不同的字符限制,或者增加对其他特殊字符类型...

Global site tag (gtag.js) - Google Analytics