js判断输入字符串长度（汉字算两个字符，字母数字算一个）

时间：2022-06-07 02:16:18

js判断输入字符串长度（汉字算两个字符，字母数字算一个）

文本输入时，由于数据库表字段长度限制会导致提交失败，因此想到了此方法验证。

废话不多说上代码：

<html>

<head>

    <title>js判断输入字符串长度（汉字算两个字符，字母数字算一个）</title>

    <style type="text/css">

        .pbt {

            margin-bottom: 10px;

        }

        .ie6 .pbt .ftid a, .ie7 .pbt .ftid a {

            margin-top: 1px;

        }

        .cl:after {

            clear: both;

            content: ".";

            display: block;

            height: ;

            visibility: hidden;

        }

    </style>

    <script type="text/javascript">

        //获取字符串长度（汉字算两个字符，字母数字算一个）

        function getByteLen(val) {

            var len = ;

            for (var i = ; i < val.length; i++) {

                var a = val.charAt(i);

                if (a.match(/[^\x00-\xff]/ig) != null) {

                    len += ;

                }

                else {

                    len += ;

                }

            }

            return len;

        }

        // 只要键盘一抬起就验证编辑框中的文字长度，最大字符长度可以根据需要设定

        function checkLength(obj) {

            var maxChars = ;//最多字符数

            var curr = maxChars - getByteLen(obj.value);

            if (curr > ) {

                document.getElementById("checklen").innerHTML = curr.toString();

            } else {

                document.getElementById("checklen").innerHTML = '';

                document.getElementById("subject").readOnly = true;

            }

        }

    </script>

</head>

<body>

    <div class="pbt cl">

        <textarea id="subject" maxlength="" onkeyup="checkLength(this)" accesskey="" tabindex=""></textarea>

        <span id="subjectchk">还可输入

        <strong id="checklen" style="color: #FF0000"></strong>

            个字符

        </span>

        <span id="postNameRule" class="spn_flag_1" style="display: none"></span>

    </div>

</body>

</html>

js判断输入字符串长度（汉字算两个字符，字母数字算一个）的更多相关文章

  1. js判断中文字符串长度和js截取中文字符串

    //获取字符串长度String.prototype.strLen = function() { var len = 0; for (var i = 0; i < this.length; i++ ...

  2. js判断字符长度 汉字算两个字符

    方法一:使用正则表达式,代码如下: function getByteLen(val) { var len = 0; for (var i = 0; i < val.length; i++) { ...

  3. NET MVC全局异常处理（一） 【转载】网站遭遇DDoS攻击怎么办 使用 HttpRequester 更方便的发起 HTTP 请求 C&num;文件流。 Url的Base64编码以及解码 C&num;计算字符串长度，汉字算两个字符 2019周笔记（2&period;18-2&period;23） Mysql语句中当前时间不能直接使用C&num;中的Date&period;Now传输 Mysql中Count函数的正确使用

    NET MVC全局异常处理(一)   目录 .NET MVC全局异常处理 IIS配置 静态错误页配置 .NET错误页配置 程序设置 全局异常配置 .NET MVC全局异常处理 一直知道有.NET有相关 ...

  4. C&num;计算字符串长度，汉字算两个字符

    在C#中的字符串类String中,有个Length属性表示字符串的长度,但该字段返回的是字符的个数,如果字符串中含有中文字符的话,一个汉字占用两个字符的长度,此时获取的长度就不够精确,当然也看具体业务 ...

  5. C&num;返回字符串的字节长度，一个中文算两个字符的代码

    如下代码段是关于C#返回字符串的字节长度,一个中文算两个字符的代码. public static int GetLength(string str) { if (str.Length == 0) re ...

  6. Jquery Validate自定义验证规则，一个汉字等于两个字符长度

    使用Jquery validate时写的一些东西,在这里做个笔记 在使用 Jquery validate 的minlength和maxlength进行文本框内容长度验证的时候,对于一个汉字的长度检测结 ...

  7. js判断输入是否为数字的具体实例

    这篇文章介绍了js判断输入是否为数字的具体实例,有需要的朋友可以参考一下 <html xmlns="http://www.3lian.com/"> <head&g ...

  8. 输入一个字符串&comma;按字典序打印出该字符串中字符的所有排列。例如输入字符串abc&comma;则打印出由字符a&comma;b&comma;c所能排列出来的所有字符串abc&comma;acb&comma;bac&comma;bca&comma;cab和cba。

    题目描述 输入一个字符串,按字典序打印出该字符串中字符的所有排列.例如输入字符串abc,则打印出由字符a,b,c所能排列出来的所有字符串abc,acb,bac,bca,cab和cba. 输入描述: 输 ...

  9. js校验输入字符串的字节长度

    //检查输入字符串字节长度 function fucCheckLength(strTemp) { var i,sum; sum=0; var length = strTemp.length ; for ...

随机推荐

  1. BZOJ 3784&colon; 树上的路径

    Description 问一棵树上前 \(k\) 大路径的边权. Sol 边分治. 非常感谢数据没有菊花图. 为了写写边分治试试然后就开了这道题. 边分治非常好想,选一条重边,分成两部分,然后分别求最 ...

  2. 数据库&lowbar;MYSQL

     数据库简介 数据库分类:关系型数据库.非关系型数据库 常用的关系型数据库有:orcale .mysql .sql server等等 常用的非关系型数据库有: Memcached.redis.mong ...

  3. asp&period;net web api返回图片至前端

    var response = Request.CreateResponse(HttpStatusCode.OK); response.Content = new ByteArrayContent(da ...

  4. storm入门（一）：storm编程框架与举例

    基础 http://os.51cto.com/art/201308/408739.htm   模型 http://www.cnblogs.com/linjiqin/archive/2013/05/28 ...

  5. confluence安装

    confluence安装 1.jre安装 java下载http://www.java.com/zh_CN/download/manual.jsp 创建目录和解压缩 mkdir -p /usr/loca ...

  6. Openvswitch原理与代码分析&lpar;8&rpar;&colon; 修改Openvswitch代码添加自定义action

    有时候我们需要自定义一些自己的action,根据包头里面的信息,做一些自己的操作.   例如添加一个action名为handle_example   第一.修改ofp-actions.c文件   首先 ...

  7. 自己手写http服务器 http响应信息的封装与测试

    package cn.edu.sss.httpServer; import java.io.BufferedWriter; import java.io.IOException; import jav ...

  8. JS函数——作用域

    一 : 作用域的相关概念 首先看下 变量作用域 的概念:一个变量的作用域是程序源代码中定义这个变量的区域.————————<javascript权威指南>第六版全局变量拥有全局作用域,函数 ...

  9. 进阶： 案例八&colon; Drag and Drop&lpar;动态&rpar;

    1.节点 2.UI 3. 4.方法: METHOD wddomodifyview . DATA: lo_container TYPE REF TO cl_wd_uielement_container, ...

  10. 使用block函数的基本形式

    以前从未接触过block函数. 如果在.h头文件中定义的形式如下的话: @property (nonatomic, copy) void(^fontValueChangedBlock)(void); ...

相关文章