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字符串的各种格式的转换 ToString,Format
Aug 08 Javascript
JS面向对象编程浅析
Aug 28 Javascript
Extjs4 Treegrid 使用心得分享(经验篇)
Jul 01 Javascript
jQuery往textarea中光标所在位置插入文本的方法
Jun 26 Javascript
js实现input框文字动态变换显示效果
Aug 19 Javascript
基于百度地图实现产品销售的单位位置查看功能设计与实现
Oct 21 Javascript
详解Jquery EasyUI tree 的异步加载(遍历指定文件夹,根据文件夹内的文件生成tree)
Feb 11 Javascript
JavaScript获取ul中li个数的方法
Feb 13 Javascript
Canvas实现动态的雪花效果
Feb 13 Javascript
vue实现自定义多选与单选的答题功能
Jul 05 Javascript
小程序测试后台服务的方法(ngrok)
Mar 08 Javascript
Jquery Datatables的使用详解
Jan 30 jQuery
常常会用到的截取字符串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 set_magic_quotes_runtime() 函数过时解决方法
2010/07/08 PHP
PHP学习笔记之二
2011/01/17 PHP
php使用Jpgraph绘制柱形图的方法
2015/06/10 PHP
PHP实现图片不变型裁剪及图片按比例裁剪的方法
2016/01/14 PHP
php实现websocket实时消息推送
2018/03/30 PHP
jQuery 浮动广告实现代码
2008/12/25 Javascript
JS 拼图游戏 面向对象,注释完整。
2009/06/18 Javascript
jQuery 方法大全方便学习参考
2010/02/25 Javascript
表格单元格交错着色实现思路及代码
2013/04/01 Javascript
Jquery 模拟用户点击超链接或者按钮的方法
2013/10/25 Javascript
详解 javascript中offsetleft属性的用法
2015/11/11 Javascript
浅析Javascript中bind()方法的使用与实现
2016/04/29 Javascript
JavaScript动态数量的文件上传控件
2016/11/18 Javascript
jquery实现全选、全不选以及单选功能
2017/03/23 jQuery
JS 组件系列之BootstrapTable的treegrid功能
2017/06/16 Javascript
angularjs实现时间轴效果的示例代码
2017/11/29 Javascript
Vue下滚动到页面底部无限加载数据的示例代码
2018/04/22 Javascript
详解vue-cli下ESlint 配置说明
2018/09/03 Javascript
Vue循环遍历选项赋值到对应控件的实现方法
2020/06/22 Javascript
[02:53]DOTA2英雄基础教程 山岭巨人小小
2013/12/09 DOTA
python在线编译器的简单原理及简单实现代码
2018/02/02 Python
Python爬虫框架Scrapy实例代码
2018/03/04 Python
Python File readlines() 使用方法
2018/03/19 Python
python 移动图片到另外一个文件夹的实例
2019/01/10 Python
Python中new方法的详解
2019/01/15 Python
Python爬虫beautifulsoup4常用的解析方法总结
2019/02/25 Python
python多线程实现代码(模拟银行服务操作流程)
2020/01/13 Python
python图片指定区域替换img.paste函数的使用
2020/04/09 Python
详解Windows下PyCharm安装Numpy包及无法安装问题解决方案
2020/06/18 Python
如何利用Python动态模拟太阳系运转
2020/09/04 Python
自我推荐书
2013/12/04 职场文书
建筑学专业自荐书
2014/07/09 职场文书
校运动会广播稿300字
2014/10/07 职场文书
2015年感恩节活动总结
2015/03/24 职场文书
使用Django实现商城验证码模块的方法
2021/06/01 Python
Django drf请求模块源码解析
2021/06/08 Python