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. jquery对象和javascript对象相互转换

    本文转载:http://jeiofw.blog.51cto.com/3319919/786506 jQuery 对象是通过 jQuery 包装DOM 对象后产生的对象.jQuery 对象是 jQuer ...

  2. 又来折腾Linux

    硬盘坏了之后就没装过Linux了,因为弄了一个很老的台式机的80G并口硬盘,根本不够用的,一直懒得理. 前段时间实验室的老机子得报销了,但是里面的东西还可以拆下来,所以又拆下了两个硬盘,这样就有三个8 ...

  3. 【M15】了解异常处理（exception handling）的成本

    1.为了在运行期处理异常,程序必须做大量额外的工作.比如,即使抛出异常,也必须保证离开作用域的栈上对象执行析构方法.因此,必须记录try语句的进入点和离开点,记录catch语句能够处理的异常等.这就意 ...

  4. Android多媒体应用开发-控制摄像头拍照

    现在的手机的功能可谓是五花八门,手机照相功能就是特别突出的一点,现在的手机照相机甚至成了专业数码照相机,可以拍摄出清晰的照片和录制高分辨率的视频.Android操作系统呢,提供了相应的功能来控制拍照: ...

  5. php对象当参数传递 && php深复制和浅复制

    把对象当参数传递给方法,在方法里改过对象后,影响到外面的对象  因为对象是引用传递过去的 class Book { public $name; public function __construct( ...

  6. Helpers\TableBuilder

    Helpers\TableBuilder Table builder helper is a class that would help you to create tables in MySQL ( ...

  7. Maven学习小结(五 pom.xml详解[转])

    <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/20 ...

  8. Storm中并发程度的理解

    Storm中涉及到了很多组件,例如nimbus,supervisor等等,在参考了这两篇文章之后,对这个有了更好的理解. Understanding the parallelism of a Stor ...

  9. oracle存储过程分页

    1.首先在oracle中建包体,用于游标返回当前数据记录集 CREATE OR REPLACE PACKAGE pkg_query AS TYPE cur_query IS REF CURSOR; E ...

  10. [改善Java代码]小心switch带来的空值异常

    使用枚举定义常量时,会伴有大量的switch语句判断,目的是伪类每个枚举项解释其行为,例如: public class Client { public static void main(String[ ...