js如何判断输入字符串长度

 更新时间:2015年12月16日 09:00:08   投稿:lijiao  
这篇文章主要介绍了js判断输入字符串长度,汉字算两个字符,字母数字算一个,感兴趣的小伙伴们可以参考一下

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: 0;
      visibility: hidden;
    }
  </style>
  <script type="text/javascript">
    //获取字符串长度(汉字算两个字符,字母数字算一个)
    function getByteLen(val) {
      var len = 0;
      for (var i = 0; i < val.length; i++) {
        var a = val.charAt(i);
        if (a.match(/[^\x00-\xff]/ig) != null) {
          len += 2;
        }
        else {
          len += 1;
        }
      }
      return len;
    }
    // 只要键盘一抬起就验证编辑框中的文字长度,最大字符长度可以根据需要设定
    function checkLength(obj) {
      var maxChars = 80;//最多字符数   
      var curr = maxChars - getByteLen(obj.value);
      if (curr > 0) {
        document.getElementById("checklen").innerHTML = curr.toString();
      } else {
        document.getElementById("checklen").innerHTML = '0';
        document.getElementById("subject").readOnly = true;
      }
    }
  </script>
</head>
<body>
  <div class="pbt cl">
    <textarea id="subject" maxlength="80" onkeyup="checkLength(this)" accesskey="1" tabindex="11"></textarea>
    <span id="subjectchk">还可输入
    <strong id="checklen" style="color: #FF0000">80</strong>
      个字符
    </span>
    <span id="postNameRule" class="spn_flag_1" style="display: none"></span>
  </div>
</body>
</html>

以上就是js判断输入字符串长度的方法,希望对大家的学习有所帮助,学会如何判断输入字符串长度。

相关文章

  • JS+Ajax实现百度智能搜索框

    JS+Ajax实现百度智能搜索框

    现在遇到这样的需求,要求输入一个a之后会出现包含a的下拉列表,当我们点击某一个的时候,搜索框中就会出现点击的值。下面小编给大家分享同js和ajax实现百度智能搜索框,需要的的朋友参考下实现代码
    2017-08-08
  • Javascript UrlDecode函数代码

    Javascript UrlDecode函数代码

    将Url进行编码,前台JS需要使用这段内容,这时候就需要解码了
    2010-01-01
  • JavaScript将相对地址转换为绝对地址示例代码

    JavaScript将相对地址转换为绝对地址示例代码

    本文为大家详细介绍下JavaScript怎么将相对地址转换为绝对地址,具体的示例如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助
    2013-07-07
  • JavaScript中的Function函数

    JavaScript中的Function函数

    函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块,接下来跟着小编一起来学习javascript中的function函数,小伙伴们快来一起学习吧
    2015-08-08
  • JavaScript实现获取两个排序数组的中位数算法示例

    JavaScript实现获取两个排序数组的中位数算法示例

    这篇文章主要介绍了JavaScript实现获取两个排序数组的中位数算法,涉及javascript数组遍历及数值计算相关操作技巧,需要的朋友可以参考下
    2019-02-02
  • js如何编写简单的ajax方法库

    js如何编写简单的ajax方法库

    这篇文章主要为大家详细介绍了js如何编写简单的ajax方法库,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • JavaScript html5 canvas画布中删除一个块区域的方法

    JavaScript html5 canvas画布中删除一个块区域的方法

    这篇文章主要介绍了JavaScript html5 canvas画布中删除一个块区域的方法,涉及JavaScript结合html5操作canvas画布图形绘制的技巧,需要的朋友可以参考下
    2016-01-01
  • self.attachevent is not a function的解决方法

    self.attachevent is not a function的解决方法

    今天一个客户用chrome浏览器访问网站,他的网站js提示self.attachevent is not a function,这个问题就是这个浏览器不支持attachevent,可以通过如下方法解决了,分享一下,需要的朋友可以参考下
    2017-04-04
  • JavaScript跨平台的开源框架NativeScript

    JavaScript跨平台的开源框架NativeScript

    本文给大家分享的是一款使用javascript来构建跨平台原生移动应用的开源框架--NativeScript,可以使用JavaScript开发跨平台、真正原生的iOS, Android 和 Windows 移动App。开发人员使用NativeScript提供的库来构建应用UI,其抽象了各种原生平台之间的不同。
    2015-03-03
  • JS实现的网页倒计时数字时钟效果

    JS实现的网页倒计时数字时钟效果

    这篇文章主要介绍了JS实现的网页倒计时数字时钟效果,是一款非常实用的javascript倒计时特效,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03

最新评论