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#文件流。 Url的Base64编码以及解码 C#计算字符串长度，汉字算两个字符 2019周笔记（2.18-2.23） Mysql语句中当前时间不能直接使用C#中的Date.Now传输 Mysql中Count函数的正确使用

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

  4. C#计算字符串长度，汉字算两个字符

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

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

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

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

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

  7. js判断输入数字是否是整数，金额、数字

    function isIntNum(strNum){//js判断输入数字是否是整数 仅供学习思想 var strCheckNum = strNum+""; if(strCheckN ...

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

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

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

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

随机推荐

  1. 配置 dovecat 的 log

    关于 dovecot 的日志配置,请检查 conf.d/10-logging.conf 文件, 特别需要提示的是将 错误/信息 文件分开保存,建议分别设置 log_path / info_log_pa ...

  2. C#开发的WebService使用JSON格式传递数据+Ajax测试

    [C#]  WebService 使用 JSON 格式傳遞筆記 + JQuery 測試 0 2 因為一些因素,必須改寫WebService,很傳統,但是很多公司還在用.. 因為XML 的關係,不想讓他 ...

  3. VS2012开发ActiveX插件 尝试1

    今天闲来无聊研究了下 ActiveX插件开发,以前一直以为很牛逼,然后发现还是比较简单的东西.. 首先: 在开始前 准备好 VS12开发工具,cabarc.exe 工具(注:这是 用来 将文件打包成c ...

  4. ios开发——实战Swift篇&简单项目的实现

    学了这么久的swift语法和相关技术,今天忍不住手痒痒就写了一个swift的小项目,这个项目非常简单(只是使用一个UITableView),但是里面的功能却非常有用. 我们要实现的功能是这样的: 程序 ...

  5. androisd wifi

    http://blog.csdn.net/yunjinwang/article/details/11968837 http://blog.csdn.net/yunjinwang/article/det ...

  6. OSGi 学习（二）

    上一篇说了很多虚的东西,现在说点别的. OSGi系统的独立环境下的项目结构以及启动脚本. 先说项目结构,基于equinox的OSGi容器的项目结构如下所示: bin中定义启动脚本,停止脚本之类的. c ...

  7. 通用PE u盘装Ghost Win7系统

    http://www.tongyongpe.com/win7ghost.html 导读 通用pe工具箱是现在最老牌的的U盘装系统和维护电脑的专用工具之一,一键式制作.操作简单便捷,几乎100%支持所有 ...

  8. jgroup 概述--官方文档

    原文地址:http://www.jgroups.org/manual/html/ch01.html# Chapter 1. Overview 1.1. Channel 1.2. Building Bl ...

  9. Cent OS安装TL-WN725N 2.0 USB驱动

    TP Link官方没有提供TL-WN725N 2.0的Linux驱动下载,折腾了我半天,试了各种方法.也有一部分原因是因为这机器还不能联网,导致有一些驱动因为缺少依赖并不成功安装. 后来终于在gith ...

  10. jquery-ui autocomplete 自动完成功能

    效果图