JS判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个)


Posted in Javascript onAugust 02, 2016

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判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript NaN和Infinity特殊值 [译]
Sep 20 Javascript
js Map List 遍历使用示例
Jul 10 Javascript
父元素与子iframe相互获取变量和元素对象的具体实现
Oct 15 Javascript
实现图片预加载的三大方法及优缺点分析
Nov 19 Javascript
JavaScript使用concat连接数组的方法
Apr 06 Javascript
javascript实现点击商品列表checkbox实时统计金额的方法
May 15 Javascript
微信小程序 toast 详解及实例代码
Nov 09 Javascript
Vue的Class与Style绑定的方法
Sep 01 Javascript
webpack4.0 入门实践教程
Oct 08 Javascript
js中forEach,for in,for of循环的用法示例小结
Mar 14 Javascript
使用js和canvas实现时钟效果
Sep 08 Javascript
Antd-vue Table组件添加Click事件,实现点击某行数据教程
Nov 17 Javascript
基于Vue.js实现数字拼图游戏
Aug 02 #Javascript
js 获取范围内的随机数实例代码
Aug 02 #Javascript
url传递的参数值中包含&amp;时,url自动截断问题的解决方法
Aug 02 #Javascript
AngularJS基础 ng-include 指令示例讲解
Aug 01 #Javascript
基于jQuery实现表格的查看修改删除
Aug 01 #Javascript
jQuery自制提示框tooltip改进版
Aug 01 #Javascript
Three.js学习之文字形状及自定义形状
Aug 01 #Javascript
You might like
解析php函数method_exists()与is_callable()的区别
2013/06/21 PHP
php延迟静态绑定实例分析
2015/02/08 PHP
工作中常用到的JS表单验证代码(包括例子)
2010/11/11 Javascript
jquery zTree异步加载简单实例分享
2013/02/05 Javascript
JS JSON对象转为字符串的简单实现方法
2013/11/18 Javascript
jquery插件lazyload.js延迟加载图片的使用方法
2014/02/19 Javascript
基于Jquery代码实现支持PC端手机端幻灯片代码
2015/11/17 Javascript
jQuery实现查找链接文字替换属性的方法
2016/06/27 Javascript
JS封装的选项卡TAB切换效果示例
2016/09/20 Javascript
实例浅析js的this
2016/12/11 Javascript
微信小程序 video详解及简单实例
2017/01/16 Javascript
jQuery实现在新增加的元素上添加事件方法案例分析
2017/02/09 Javascript
Angular中封装fancyBox(图片预览)遇到问题小结
2017/09/01 Javascript
解决vue组件中使用v-for出现告警问题及v for指令介绍
2017/11/11 Javascript
Vue2仿淘宝实现省市区三级联动
2020/04/15 Javascript
layui 实现表格某一列显示图标
2019/09/19 Javascript
Vue watch响应数据实现方法解析
2020/07/10 Javascript
[49:59]KG vs Mineski 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
python静态方法实例
2015/01/14 Python
详解Python如何获取列表(List)的中位数
2016/08/12 Python
Django中的用户身份验证示例详解
2019/08/07 Python
python中Lambda表达式详解
2019/11/20 Python
python能否java成为主流语言吗
2020/06/22 Python
Django数据统计功能count()的使用
2020/11/30 Python
python爬虫如何解决图片验证码
2021/02/14 Python
HTML5实现一个能够移动的小坦克示例代码
2013/09/02 HTML / CSS
中东地区最大的奢侈品市场:The Luxury Closet
2019/04/09 全球购物
北美最大的零售退货翻新商:VIP Outlet
2019/11/21 全球购物
巴西购物网站:Submarino
2020/01/19 全球购物
毕业研究生的自我鉴定
2013/11/30 职场文书
上课打牌的检讨书
2014/02/15 职场文书
骨干教师培训方案
2014/05/06 职场文书
村级个人对照检查材料
2014/08/22 职场文书
无财产无子女离婚协议书范文
2014/09/14 职场文书
四查四看整改措施
2014/09/19 职场文书
群众路线组织生活会发言材料
2014/10/17 职场文书