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 相关文章推荐
javascript radio 联动效果
Mar 04 Javascript
JavaScript 事件的一些重要说明
Oct 25 Javascript
分享9个最好用的JavaScript开发工具和代码编辑器
Mar 24 Javascript
jQuery控制div实现随滚动条滚动效果
Jun 07 Javascript
原生JS查找元素的方法(推荐)
Nov 22 Javascript
JS实现隔行换色的表格排序
Mar 27 Javascript
微信小程序如何修改本地缓存key中单个数据的详解
Apr 26 Javascript
微信小程序用户授权、位置授权及获取微信绑定手机号
Jul 18 Javascript
vue中axios的二次封装实例讲解
Oct 14 Javascript
vue自定义标签和单页面多路由的实现代码
May 03 Javascript
antd的select下拉框因为数据量太大造成卡顿的解决方式
Oct 31 Javascript
快速解决vue2+vue-cli3项目ie兼容的问题
Nov 17 Vue.js
常常会用到的截取字符串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实现UTF-8文件BOM自动检测与移除实例
2014/11/05 PHP
dwr spring的集成实现代码
2009/03/22 Javascript
js处理自己不能定义二维数组的方法详解
2014/03/03 Javascript
基于vue.js轮播组件vue-awesome-swiper实现轮播图
2017/03/17 Javascript
React教程之Props验证的具体用法(Props Validation)
2017/09/04 Javascript
详解Vue组件实现tips的总结
2017/11/01 Javascript
p5.js入门教程之平滑过渡(Easing)
2018/03/16 Javascript
用ES6的class模仿Vue写一个双向绑定的示例代码
2018/04/20 Javascript
简单了解Vue computed属性及watch区别
2020/07/10 Javascript
javaScript实现一个队列的方法
2020/07/14 Javascript
一则python3的简单爬虫代码
2014/05/26 Python
详解Python中的装饰器、闭包和functools的教程
2015/04/02 Python
Python字符和字符值(ASCII或Unicode码值)转换方法
2015/05/21 Python
Python函数式编程指南(一):函数式编程概述
2015/06/24 Python
为Python的Tornado框架配置使用Jinja2模板引擎的方法
2016/06/30 Python
将字典转换为DataFrame并进行频次统计的方法
2018/04/08 Python
Python实现统计给定字符串中重复模式最高子串功能示例
2018/05/16 Python
Python实现html转换为pdf报告(生成pdf报告)功能示例
2019/05/04 Python
django+echart数据动态显示的例子
2019/08/12 Python
Python Web框架之Django框架Form组件用法详解
2019/08/16 Python
python 如何调用 dubbo 接口
2020/09/24 Python
解决Pymongo insert时会自动添加_id的问题
2020/12/05 Python
安踏官方商城:anta.cn
2019/12/16 全球购物
教师自我评价范文
2013/12/16 职场文书
毕业生写求职信的要点
2014/03/04 职场文书
药店促销活动策划方案
2014/08/24 职场文书
活动总结新闻稿
2014/08/30 职场文书
爱的奉献演讲稿
2014/09/10 职场文书
2015年敬老月活动总结
2015/03/27 职场文书
电影复兴之路观后感
2015/06/02 职场文书
观后感开头
2015/06/19 职场文书
初中毕业生感言
2015/07/31 职场文书
七年级语文教学反思
2016/03/03 职场文书
学校运动会开幕词
2016/03/03 职场文书
Golang的继承模拟实例
2021/06/30 Golang
用Python爬取英雄联盟的皮肤详细示例
2021/12/06 Python