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. 【android-cocos2d-X 环境配置】在Mac下搭建Cocos2d-X-android开发环境！

    转自:http://blog.csdn.net/dingkun520wy/article/details/17097593 (1)下载 首先要下载好要用到的东西: 1.android-SDK 地址是  ...

  2. PostgreSQL的 initdb 源代码分析之二十二

    继续分析 load_plpgsql(); 展开: 就是让postgres 执行 create extension plpgsql cmd是: "/home/pgsql/project/bin ...

  3. uva216 c++回溯法

    因为题目要求最多8台电脑,所以可以枚举全排列,然后依次计算距离进行比较,枚举量8!=40320并不大,但这种方法不如回溯法好,当数据再大一些枚举就显得笨拙了,所以这个题我用回溯法做的,回溯有一个好处是 ...

  4. visualsvn server 报错 can't read file "current":End of file out

    需要删除文件:Repositories\ProjectName\db\revprops\X 需要修改文件:repository/db/txn_current.repository/db/current ...

  5. 和Timesten有个约会--Timesten技术专栏系列(一)

    作者: 三十而立 时间:2009年10月03日 12:08:42 本文出自 “inthirties(三十而立)”博客,转载请务必注明作者和保留出处http://blog.csdn.net/inthir ...

  6. Android 滑动效果进阶篇（六）—— 倒影效果

    上篇介绍了使用Animation实现3D动画旋转翻页效果,现在介绍图片倒影实现,先看效果图 本示例主要通过自定义Gallery和ImageAdapter(继承自BaseAdapter)实现 1.倒影绘 ...

  7. iOS开发——图形编程OC篇&粘性动画以及果冻效果

    粘性动画以及果冻效果 在最近做个一个自定义PageControl——KYAnimatedPageControl中,我实现了CALayer的形变动画以及CALayer的弹性动画,效果先过目: 先做个提纲 ...

  8. xampp

    Fatal error: Class 'kernel' not found in C:\xampp\htdocs\shopex\install\install.core.php on line 10 ...

  9. 粒子系统1：简介&工具使用

    直接使用工具来感受一下粒子系统的强大威力吧. 网络上有很多粒子编辑器,大多数都是收费的.magicalsoft提供了一个免费的粒子编辑器(该工具目前只有mac版本),界面如下: 我们将针对这个编辑器来 ...

  10. Apache 学习笔记(心得)

    http://blog.csdn.net/btbtd/article/details/288027#2 # 分类:# 01.常规设置# 02.虚拟主机# 03.<Directory> + ...