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


Posted in Javascript onDecember 16, 2015

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 相关文章推荐
Ajax局部更新导致JS事件重复触发问题的解决方法
Oct 14 Javascript
JavaScript通过prototype给对象定义属性用法实例
Mar 23 Javascript
jQuery实现购物车计算价格功能的方法
Mar 25 Javascript
Node.js 去掉种子(torrent)文件里的邪恶信息
Mar 27 Javascript
jQuery实现TAB风格的全国省份城市滑动切换效果代码
Aug 24 Javascript
Vue实例中生命周期created和mounted的区别详解
Aug 25 Javascript
深入浅析ng-bootstrap 组件集中 tabset 组件的实现分析
Jul 19 Javascript
vue移动端城市三级联动组件使用详解
Jul 26 Javascript
使用layer弹窗提交表单时判断表单是否输入为空的例子
Sep 26 Javascript
vue实现设置载入动画和初始化页面动画效果
Oct 28 Javascript
jquery实现图片无缝滚动 蒙版遮蔽效果
Jan 11 jQuery
解决vant的Toast组件时提示not defined的问题
Nov 11 Javascript
常常会用到的截取字符串substr()、substring()、slice()方法详解
Dec 16 #Javascript
jQuery添加和删除指定标签的方法
Dec 16 #Javascript
详解JavaScript基于面向对象之继承实例
Dec 16 #Javascript
javascript实现拖放效果
Dec 16 #Javascript
js判断手机访问或者PC的几个例子(常用于手机跳转)
Dec 15 #Javascript
Jquery插件easyUi实现表单验证示例
Dec 15 #Javascript
解决WordPress使用CDN后博文无法评论的错误
Dec 15 #Javascript
You might like
php fsockopen中多线程问题的解决办法[翻译]
2011/11/09 PHP
Laravel 5.4向IoC容器中添加自定义类的方法示例
2017/08/15 PHP
JavaScript高级程序设计 读书笔记之八 Function类及闭包
2012/02/27 Javascript
jquery miniui 教程 表格控件 合并单元格应用
2012/11/25 Javascript
JavaScript自动设置IFrame高度的小例子
2013/06/08 Javascript
js中继承的几种用法总结(apply,call,prototype)
2013/12/26 Javascript
Jquery如何实现点击时高亮显示代码
2014/01/22 Javascript
jQuery中closest()函数用法实例
2015/01/07 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 图片库
2015/01/09 Javascript
JS动态修改图片的URL(src)的方法
2015/04/01 Javascript
jquery实现适用于门户站的导航下拉菜单效果代码
2015/08/24 Javascript
理解AngularJs指令
2015/12/10 Javascript
jQuery+PHP实现微信转盘抽奖功能的方法
2016/05/25 Javascript
JS基于正则表达式的替换操作(replace)用法示例
2017/04/28 Javascript
详解微信小程序 相对定位和绝对定位
2017/05/11 Javascript
Angular2监听页面大小变化的解决方法
2017/10/09 Javascript
基于Vue sessionStorage实现保留搜索框搜索内容
2020/06/01 Javascript
Python yield 小结和实例
2014/04/25 Python
Python实现把xml或xsl转换为html格式
2015/04/08 Python
Python实现的数据结构与算法之链表详解
2015/04/22 Python
举例讲解Python中的迭代器、生成器与列表解析用法
2016/03/20 Python
解决Linux系统中python matplotlib画图的中文显示问题
2017/06/15 Python
python实现批量按比例缩放图片效果
2018/03/30 Python
详解python中sort排序使用
2019/03/23 Python
简单总结CSS3中视窗单位Viewport的常见用法
2016/02/04 HTML / CSS
Lookfantastic西班牙官网:英国知名美妆购物网站
2018/06/13 全球购物
C#面试题
2016/05/06 面试题
30年同学聚会感言
2014/01/30 职场文书
成龙霸王洗发水广告词
2014/03/14 职场文书
经营目标管理责任书
2014/07/25 职场文书
项目投资合作意向书
2014/07/29 职场文书
工厂标语大全
2014/10/06 职场文书
个人查摆问题自查报告
2014/10/16 职场文书
投资入股合作协议书
2014/10/28 职场文书
高三数学复习备考教学反思
2016/02/18 职场文书
解决Python中的modf()函数取小数部分不准确问题
2021/05/28 Python