`
kevin_gzhz
  • 浏览: 60392 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

页面input输入框中输入中文时校验长度的js

 
阅读更多

在页面校验时,常常需要校验input输入框中输入的字符串的长度。当输入的字符串中存在中文时,而中文占有两个字节,故js的length()方法取得的长度值不准确。解决函数如下:

function GetLen(str) {
 var len=0;
 for(var i=0;i<str.length;i++) {
  char = str.charCodeAt(i);

   if(!(char>255)) {
     len = len + 1;
  } else {
     len = len + 2;
  }
 }
 return len;
}

分享到:
评论

相关推荐

    vue 校验多个input框右侧提示

    在Vue应用中,处理表单验证是常见的需求,尤其是涉及多个input输入框时。VueValidate是一个专门为Vue设计的表单验证插件,它允许开发者轻松地实现对多个input框的同步校验,并在输入框右侧实时显示提示信息。 在Vue...

    JS input正则验证大全

    本资源包“JS input正则验证大全”主要聚焦于使用JavaScript进行输入框(input)的各种类型的数据验证,包括英文、中文、邮箱、手机号、银行卡和身份证等常见字段的正则校验规则。以下是对这些知识点的详细说明: 1...

    layui输入框只允许输入中文且判断长度的例子

    例如,在一个输入框中只允许用户输入中文,并且还需要限制输入长度。这篇文章将介绍如何在layui中创建一个只允许输入中文的输入框,并且如何判断输入的长度是否符合要求。 ### 知识点一:layui表单验证简介 layui...

    js输入框使用正则表达式校验输入内容的实例

    比如,可以将checkUserName函数绑定到输入框的oninput事件上,这样每当用户在输入框中输入或修改内容时,checkUserName函数就会被触发,然后根据返回值给用户相应的提示。 除了示例中提到的用户名称格式校验,正则...

    车牌输入框用于输入车牌号码

    车牌输入框是软件或应用程序中常见的一种特殊文本输入控件,设计用于用户输入车辆的车牌号码。在实际应用中,这种输入框通常会根据不同国家或地区的车牌号码格式进行定制,以确保用户输入的数据符合规范。在中国,...

    vue input 输入校验字母数字组合且长度小于30的实现代码

    主要介绍了vue input 校验字母数字组合且长度小于30的实现代码,文章给大家补充介绍了在Vue.Js下使用el-input框只能输入数字并限制位数并且限制中文输入以及粘贴功能,感兴趣的朋友跟随脚本之家小编一起看看吧

    6位验证码输入框.zip

    在微信小程序开发中,6位验证码输入框是一个常见的功能组件,尤其在用户验证身份或确认操作时使用。本文将深入探讨如何实现这样一个输入框,并解决其中遇到的关键问题——隐藏光标和letter-spacing属性失效。 首先...

    微信小程序 input输入框控件详解及实例(多种示例)

    在微信小程序中,`input`输入框控件是用户交互的重要组成部分,用于接收用户输入的文字、数字或其他文本信息。在登录、注册、搜索等功能中,输入框是必不可少的元素。本文将详细介绍微信小程序的`input`输入框控件,...

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

    本文档提供的示例代码演示了如何通过JavaScript限制HTML form表单中input输入框的字符长度,具体地限制为20个字符,相当于10个汉字。 知识点一:JavaScript在表单验证中的应用 JavaScript是一种广泛用于客户端的...

    JS很简单的判断输入框中的字符数(汉字2字符)

    ### JS简单判断输入框中的字符数(汉字计为2字符)知识点详解 #### 一、背景与需求分析 在Web开发中,经常会遇到对用户输入进行限制或统计的需求,尤其是在表单验证方面。例如,一个注册表单可能要求用户名长度不...

    vue限制输入框只能输入8位整数和2位小数的代码

    文章介绍的是一项在Vue框架中限制用户输入内容的实践,具体要求用户在输入框中只能输入最多8位的整数和最多2位的小数。这项功能在开发涉及金额、数值计算等场景时尤为常见,需要确保用户的输入是符合格式规定的数字...

    [其他类别]网页中文本框自校验的标签_input.zip

    总结起来,`&lt;input&gt;`标签在网页中文本框的自校验中扮演着重要角色,通过合理利用其属性和关联的JavaScript方法,我们可以构建出既友好又严谨的用户输入验证机制。这个压缩包文件"网页中文本框自校验的标签_input.zip...

    网页中文本框自校验的标签-input.rar

    在网页设计中,文本框(Input)是用户与页面交互的重要元素,用于收集用户输入的信息。自校验的文本框则是提升用户体验、确保数据准确性的关键功能。在HTML5中,引入了一系列内置的验证机制,使得开发者能够轻松实现...

    其他类别网页中文本框自校验的标签-input-project

    在网页设计中,文本框(Input)是用户与页面交互的重要元素,用于收集用户的输入信息。自校验功能则是为了确保用户输入的数据符合预设的规则,提高数据的准确性和安全性。在这个“其他类别网页中文本框自校验的标签_...

    JS脚本键盘自动识别输入是否是正确车牌。新能源车牌要加代码和改一下输入长度

    为了在用户输入时实时验证车牌号码,我们需要在HTML中设置一个输入框,并使用JS的事件监听器,如`addEventListener('input', validate)`,对输入框的值进行实时更新和验证: ```html &lt;input type="text" id=...

    vue判断input输入内容全是空格的方法

    这样,每当用户在input框中输入内容并释放键盘时,`checkSpaces`方法就会被调用,实时检查输入值是否全为空格。 总的来说,Vue.js提供了强大的数据绑定和计算能力,使得我们在处理用户输入时可以轻松地进行各种验证...

    控制textarea文本长度,并限制输入字数(带统计显示)

    然而,有时候我们需要对用户输入的字符数进行限制,防止过长的文本影响页面布局或数据库存储。本文将深入探讨如何实现对`textarea`文本长度的控制,并实时显示输入字数的统计。 首先,我们可以使用JavaScript来实现...

    教你一天玩转JavaScript(二)——完成对注册页面的数据的简单校验

    在JavaScript的世界里,数据校验是网页开发中不可或缺的一部分,特别是在用户注册页面,确保收集到的信息准确无误至关重要。在“教你一天玩转JavaScript(二)——完成对注册页面的数据的简单校验”这个主题中,我们将...

Global site tag (gtag.js) - Google Analytics