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个字节（包括中文字符），则弹出警告提示。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

限制一个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元/天 解锁文章

200万优质内容无限畅学
JS限制文本框录入长度（支持字符限制）
11-05 8832
 功能/特点：1.实时显示可输入的字数（字节数）2.两种限制方式（长度、字节数）3.中文输入法下可正常使用，无BUG4.同一页面可以使用多个，相互不干扰limit.jsfunction limit(){ var txtNote;//文本框 var txtLimit;//提示字数的input var limitCount;//限制的字数 var isbyte;
js限制文本框输入长度两种限制方式(长度、字节数)
10-27
一个汉字通常占用2个字节，英文字符则占1个字节。以下是一个考虑字节数限制的例子： ```html 还可输入个字节 <script type="text/javascript"> function limit() { var txtNote = document.getElementById...
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 528
2019独角兽企业重金招聘Python工程师标准>>> ...
实现对文本框的长度控制(按数据库标准,汉字为两字节)
gangannini的专栏
09-05 1833
文本框本身不是带了一个MaxLength 的属性么, 怎么还有长度控制的问题? 可能有人会这样想, 可是它是把汉字当做一个字节来计算的, 而数据库中则把汉字认为是两字节, 这样就会存在问题. 当然,我首先是建议把数据库的字段设成nchar,nvarchar 这样的类型, 那么汉字也被处理成1 字节, 就没有任何问题了, 可是在现实情况下, 很多时候数据库的字段仍然是char  ,varcha
JavaScript中文长度问题
jysh0922的专栏
11-19 1033
在验证javascript表单数据时，用length属性所验证，一个汉字长度为1。但提交到数据库中（oracle），一个汉字占两个字节，长度为2，这样就造成验证误差。 比如数据库表定义一个字段长度为5，用length来限制录入的长度，如果录入的为汉字，这样可以通过验证，但插入数据库肯定会出错。 为了解决这中情况，可以定义一个新的函数getBytes()取得字符串的字节数（实际上这个函数是jav...
Jquery 限制文本框录入长度（字符或字节）实例
02-06
首先，`Jquery 限制文本框录入长度（字符或字节）实例`这个标题暗示我们将探讨一个具体的实践案例，该案例通过 jQuery 监听文本框的输入事件，实时计算剩余可输入的字符或字节数，并在超出限制时阻止进一步的输入。...
Jquery实现文本框字符或字节长度限制示例
字符长度限制可以基于实际的字符数，也可以基于字节大小，尤其是在需要处理国际化或特殊字符时。 #### 4. jQuery实现限制文本框录入长度的实例 ##### a. 实时监控输入 要实现限制文本框录入长度的功能，首先需要在...
javascript记录文本框内文字个数检测文字个数变化
10-25
具体来说，函数会计算文本框内容的长度（`obj.value.length`），然后将其赋值给一个指定的`<input>`元素（`contentLen`），用来显示当前的字符数。此外，为了适应短信平台的需求，代码中还考虑了短信的字符限制，即...
JavaScript表单验证，输入中文时字符长度为2
weixin_33805992的博客
11-20 457
获取输入框中的字符长度进行表单验证，当输入英文时字符长度就是1，当输入中文时字符长度为2。 字符数为4~16位， 上图： 一个中文抵两英文。 上代码 1 btn.addEventListener('click',ov,false); 2 3 function ov(){ 4 v...
js 获取字符长度（英文1，中文2）
别告诉我有Bug
08-24 8342
在 JS中，使用字符串的length属性可以读取字符串的长度。长度以字符为单位，该属性为只读属性。 let str="string长度" console.log(str.length) //8 JS支持的字符包括单字节、双字节两种类型，比如一个汉字是两个字节，此时想获取字符长度，可采取以下方法： 1.String扩展原型方法getByteLen() 该方法将枚举每个字符，并根据字符编码，判断当前字符是单字节还是双字节，然后统计字符串的字节长...
Android EditText限制文字长度（中文算2字符，英文算1字符）
satanzw的专栏
11-12 7687
其实项目原本使用cocos2dx中的E
字符与字节有什么区别
系统看你学习很认真，随机送了一个月会员！
05-18 1823
①ASCII码中，一个英文字母（不分大小写）占一个字节的空间，一个中文汉字占两个字节的空间。一个二进制数字序列，在计算机中作为一个数字单元，一般为8位二进制数，换算为十进制。④UTF-16编码中，一个英文字母字符或一个汉字字符存储都需要2个字节（Unicode扩展区的一些汉字存储需要4个字节）。举例：英文句号“.”占1个字节的大小，中文句号“。②UTF-8编码中，一个英文字符等于一个字节，一个中文（含繁体）等于三个字节。③Unicode编码中，一个英文等于两个字节，一个中文（含繁体）等于两个字节。
JS判断字符串长度（英文占1个字符，中文汉字占2个字符）
唐屁屁
03-01 2812
方法一： String.prototype.gblen = function() { var len = 0; for (var i=0; i<this.length; i++) { if (this.charCodeAt(i)>127 || this.charCodeAt(i)==94) { len += 2; } else { len .
2020-10-29
qq_47873808的博客
10-29 136
学习小结 登录界面代码： <!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-
字符串根据字节长度进行截取并展示选中效果——js字符串获取字节长度
yehaocheng520的博客
05-20 902
应用场景：分类部分有很多子类，点击“分类”时，有选中状态，选中效果如下： 由于内容分类名称可能会很长，就需要进行…展示， 模拟页面大致排版， 效果图如下： 可以看到上图中当分类名称太长时，会导致内容截断，选中的效果图也会有截断的情况，不是很美观 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-C
前端命名规范
m0_55258023的博客
07-29 744
前端命名规范
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值