JavaScript:文本框长度限制20个字节，中文位2个字节

最新推荐文章于 2022-07-29 13:38:29 发布
原创 最新推荐文章于 2022-07-29 13:38:29 发布 · 1.9k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #input #textbox #xhtml #server #html

该博客演示了如何使用JavaScript在前端实现一个文本框的字节长度限制，特别是针对中文字符，每个中文字符被视为2个字节。通过在文本框失去焦点或点击确认按钮时调用`Chck()`函数，检查输入的字符长度，如果超过20个字节（包括中文字符），则弹出警告提示。

限制一个Textbox的长度为 20个字节,如果是中文则计算为2个字节。

下面用前台JavaScript脚本实现的代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>未命名頁面</title>
    <script type="text/javascript" language="javascript">
        function Chck()
        {  
            var len = 0;  
         &nb

最低0.47元/天 解锁文章
js限制文本框输入长度两种限制方式(长度、字节数)
10-27
一个汉字通常占用2个字节，英文字符则占1个字节。以下是一个考虑字节数限制的例子： ```html 还可输入个字节 <script type="text/javascript"> function limit() { var txtNote = document.getElementById...
Jquery 限制文本框录入长度（字符或字节）实例
02-06
首先，`Jquery 限制文本框录入长度（字符或字节）实例`这个标题暗示我们将探讨一个具体的实践案例，该案例通过 jQuery 监听文本框的输入事件，实时计算剩余可输入的字符或字节数，并在超出限制时阻止进一步的输入。...
js限制文本框输入20个字母或10个汉字
热门推荐
qq_37932911的博客
05-31 1万+
&lt;input type="text" name="explain" id="explain" onkeyup="limitLength(value,20,'explain')" &gt; &lt;script&gt; function limitLength(value, byteLength, title, attribute) {
js 实现限制输入框输入字节长度
weixin_34321977的博客
11-27 542
2019独角兽企业重金招聘Python工程师标准>>> ...
实现对文本框的长度控制(按数据库标准,汉字为两字节)
gangannini的专栏
09-05 1858
文本框本身不是带了一个MaxLength 的属性么, 怎么还有长度控制的问题? 可能有人会这样想, 可是它是把汉字当做一个字节来计算的, 而数据库中则把汉字认为是两字节, 这样就会存在问题. 当然,我首先是建议把数据库的字段设成nchar,nvarchar 这样的类型, 那么汉字也被处理成1 字节, 就没有任何问题了, 可是在现实情况下, 很多时候数据库的字段仍然是char  ,varcha
JavaScript中文长度问题
jysh0922的专栏
11-19 1042
在验证javascript表单数据时，用length属性所验证，一个汉字长度为1。但提交到数据库中（oracle），一个汉字占两个字节，长度为2，这样就造成验证误差。 比如数据库表定义一个字段长度为5，用length来限制录入的长度，如果录入的为汉字，这样可以通过验证，但插入数据库肯定会出错。 为了解决这中情况，可以定义一个新的函数getBytes()取得字符串的字节数（实际上这个函数是jav...
Jquery实现文本框字符或字节长度限制示例
字符长度限制可以基于实际的字符数，也可以基于字节大小，尤其是在需要处理国际化或特殊字符时。 #### 4. jQuery实现限制文本框录入长度的实例 ##### a. 实时监控输入 要实现限制文本框录入长度的功能，首先需要在...
javascript记录文本框内文字个数检测文字个数变化
10-25
具体来说，函数会计算文本框内容的长度（`obj.value.length`），然后将其赋值给一个指定的`<input>`元素（`contentLen`），用来显示当前的字符数。此外，为了适应短信平台的需求，代码中还考虑了短信的字符限制，即...
JavaScript表单验证，输入中文时字符长度为2
weixin_33805992的博客
11-20 472
获取输入框中的字符长度进行表单验证，当输入英文时字符长度就是1，当输入中文时字符长度为2。 字符数为4~16位， 上图： 一个中文抵两英文。 上代码 1 btn.addEventListener('click',ov,false); 2 3 function ov(){ 4 v...
js 获取字符长度（英文1，中文2）
别告诉我有Bug
08-24 8442
在 JS中，使用字符串的length属性可以读取字符串的长度。长度以字符为单位，该属性为只读属性。 let str="string长度" console.log(str.length) //8 JS支持的字符包括单字节、双字节两种类型，比如一个汉字是两个字节，此时想获取字符长度，可采取以下方法： 1.String扩展原型方法getByteLen() 该方法将枚举每个字符，并根据字符编码，判断当前字符是单字节还是双字节，然后统计字符串的字节长...
Android EditText限制文字长度（中文算2字符，英文算1字符）
satanzw的专栏
11-12 7728
其实项目原本使用cocos2dx中的E
JS限制文本框录入长度（支持字符限制）
11-05 8853
 功能/特点：1.实时显示可输入的字数（字节数）2.两种限制方式（长度、字节数）3.中文输入法下可正常使用，无BUG4.同一页面可以使用多个，相互不干扰limit.jsfunction limit(){ var txtNote;//文本框 var txtLimit;//提示字数的input var limitCount;//限制的字数 var isbyte;
字符与字节有什么区别
系统看你学习很认真，随机送了一个月会员！
05-18 1869
①ASCII码中，一个英文字母（不分大小写）占一个字节的空间，一个中文汉字占两个字节的空间。一个二进制数字序列，在计算机中作为一个数字单元，一般为8位二进制数，换算为十进制。④UTF-16编码中，一个英文字母字符或一个汉字字符存储都需要2个字节（Unicode扩展区的一些汉字存储需要4个字节）。举例：英文句号“.”占1个字节的大小，中文句号“。②UTF-8编码中，一个英文字符等于一个字节，一个中文（含繁体）等于三个字节。③Unicode编码中，一个英文等于两个字节，一个中文（含繁体）等于两个字节。
2020-10-29
qq_47873808的博客
10-29 147
学习小结 登录界面代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>用户登录界面</title> <style type="text/css"> body{ margin:0px; padding:0px; background-image:url(nz.jpeg); background-repeat:no-repeat; background-
前端命名规范
m0_55258023的博客
07-29 801
前端命名规范
javascript中汉字长度的限制
ahaitongxue的专栏
03-11 1211
在javascript中"abcdef".length为6，"你好啊".length为3，而不是像我们认知的那样将一个汉字当做两个字符来处理。 这时候如果有这么一个需求： 无论某一字符串text中是全英文还是有中文有英文还是只有中文，都只显示固定长度 比如只想显示4个字符(想让一个汉字按两个字符计算) 即"abcdef"经过处理后返回"abcd","你好啊"经过处理后返回"你好" 现有这
js 限制输入框的字节数，中文两个字节，英文字母一个字节
cangowu的博客
03-14 5559
也许在网上有很多类似的文章，但是这里大家应该知道，js里面，中文和字母的长度都是1，但是数据库不知道呀，数据库很多都是按照字节来的，所以，控制输入框的字节数看来比长度限制更为重要。 提出问题： 1、限制文本框为16个字节，只能输入中文和字母 解决思路： 1、判断只能是中文和英文 2、判断长度只能为16 3、有一个不符合，将进入循环： 第一步：替换掉所有的#，因为我后面要用到这个特殊字
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值