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 相关文章推荐
JS如何将数字类型转化为没3个一个逗号的金钱格式
Jan 27 Javascript
node.js中的fs.stat方法使用说明
Dec 16 Javascript
Jquery 实现checkbox全选方法
Jan 28 Javascript
11种ASP连接数据库的方法
Sep 18 Javascript
JavaScript中数据类型转换总结
Dec 25 Javascript
利用JavaScript如何查询某个值是否数组内
Jul 30 Javascript
Vue自定义事件(详解)
Aug 19 Javascript
Koa2微信公众号开发之本地开发调试环境搭建
May 16 Javascript
vuex直接赋值的三种方法总结
Sep 16 Javascript
微信小程序中的video视频实现 自定义播放按钮、封面图、视频封面上文案
Jan 02 Javascript
node.JS事件机制与events事件模块的使用方法详解
Feb 06 Javascript
vue addRoutes路由动态加载操作
Aug 04 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类
2006/11/25 PHP
PHP fopen 读取带中文URL地址的一点见解
2012/09/25 PHP
通过PHP current函数获取未知字符键名数组第一个元素的值
2013/06/24 PHP
WordPress中获取页面链接和标题的相关PHP函数用法解析
2015/12/17 PHP
thinkPHP查询方式小结
2016/01/09 PHP
PHP+ajax实现获取新闻数据简单示例
2018/05/08 PHP
PHP defined()函数的使用图文详解
2019/07/20 PHP
laravel-admin 中列表筛选方法
2019/10/03 PHP
js中单引号与双引号冲突问题解决方法
2013/10/04 Javascript
nodejs的10个性能优化技巧
2014/07/15 NodeJs
浅谈js基本数据类型和typeof
2016/08/09 Javascript
jquery实现(textarea)placeholder自动换行
2016/12/22 Javascript
详解使用nvm安装node.js
2017/07/18 Javascript
ES6学习教程之对象字面量详解
2017/10/09 Javascript
JavaScript数据结构与算法之基本排序算法定义与效率比较【冒泡、选择、插入排序】
2019/02/21 Javascript
create-react-app使用antd按需加载的样式无效问题的解决
2019/02/26 Javascript
Vue路由前后端设计总结
2019/08/06 Javascript
微信小程序实现签字功能
2019/12/23 Javascript
vue+element-ui表格封装tag标签使用插槽
2020/06/18 Javascript
vue 限制input只能输入正数的操作
2020/08/05 Javascript
[03:55]2016国际邀请赛中国区预选赛首日TOP10精彩集锦
2016/06/27 DOTA
[01:10]DOTA2英雄背景故事第四期之混沌法则混沌骑士
2020/07/16 DOTA
跟老齐学Python之再深点,更懂list
2014/09/20 Python
Python随机生成手机号、数字的方法详解
2017/07/21 Python
详解Python自建logging模块
2018/01/29 Python
使用pandas实现csv/excel sheet互相转换的方法
2018/12/10 Python
python实现在多维数组中挑选符合条件的全部元素
2019/11/26 Python
在Python中等距取出一个数组其中n个数的实现方式
2019/11/27 Python
在pytorch中实现只让指定变量向后传播梯度
2020/02/29 Python
在django admin详情表单显示中添加自定义控件的实现
2020/03/11 Python
Python urlencode和unquote函数使用实例解析
2020/03/31 Python
html5 Web SQL Database 之事务处理函数transaction与executeSQL解析
2013/11/07 HTML / CSS
超市促销活动方案
2014/03/05 职场文书
企业年检委托书范本
2014/10/14 职场文书
党委班子纠正“四风”问题整改措施
2014/10/28 职场文书
2016年教师党员创先争优承诺书
2016/03/24 职场文书