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返回上一页并刷新代码整理
Dec 21 Javascript
JS在TextArea光标位置插入文字并实现移动光标到文字末尾
Jun 21 Javascript
javascript比较两个日期的先后示例代码
Dec 31 Javascript
javascript 动态创建表格的2种方法总结
Mar 04 Javascript
跟我学习javascript的prototype原型和原型链
Nov 18 Javascript
基于HTML模板和JSON数据的JavaScript交互(移动端)
Apr 06 Javascript
基于JS模仿windows文件按名称排序效果
Jun 29 Javascript
Jquery组件easyUi实现表单验证示例
Aug 23 Javascript
Angular4实现鼠标悬停3d倾斜效果
Oct 25 Javascript
Angular中点击li标签实现更改颜色的核心代码
Dec 08 Javascript
JS调用安卓手机摄像头扫描二维码
Oct 16 Javascript
原生JavaScript之es6中Class的用法分析
Feb 23 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类
2008/04/09 PHP
php 图片加水印与上传图片加水印php类
2010/05/12 PHP
APACHE的AcceptPathInfo指令使用介绍
2013/01/18 PHP
Javascript实例教程(19) 使用HoTMetal(6)
2006/12/23 Javascript
javascript 简单高效判断数据类型 系列函数 By shawl.qiu
2007/03/06 Javascript
基于JQuery的访问WebService的代码(可访问Java[Xfire])
2010/11/19 Javascript
Js四则运算函数代码
2012/07/21 Javascript
js全屏显示显示代码的三种方法
2013/11/11 Javascript
jQuery计算textarea中文字数(剩余个数)的小程序
2013/11/28 Javascript
javascript文件加载管理简单实现方法
2015/07/25 Javascript
jQuery旋转木马式幻灯片轮播特效
2015/12/04 Javascript
在AngularJS框架中处理数据建模的方式解析
2016/03/05 Javascript
浅谈JavaScript 浏览器对象
2016/06/03 Javascript
JS触发服务器控件的单击事件(详解)
2016/08/06 Javascript
微信小程序 input输入框详解及简单实例
2017/01/10 Javascript
浅谈js-FCC算法Friendly Date Ranges(详解)
2017/04/10 Javascript
springMVC + easyui + $.ajaxFileUpload实现文件上传注意事项
2017/04/23 Javascript
React.js中常用的ES6写法总结(推荐)
2017/05/09 Javascript
微信小程序实现卡片层叠滑动效果
2019/06/21 Javascript
Python设计模式编程中Adapter适配器模式的使用实例
2016/03/02 Python
Python实现的线性回归算法示例【附csv文件下载】
2018/12/29 Python
解决python多行注释引发缩进错误的问题
2019/08/23 Python
Django REST Framework之频率限制的使用
2019/09/29 Python
python 生成任意形状的凸包图代码
2020/04/16 Python
Python timeit模块原理及使用方法
2020/10/10 Python
Django配置Bootstrap, js实现过程详解
2020/10/13 Python
Belstaff英国官方在线商店:Belstaff.co.uk
2021/02/09 全球购物
机电专业个人自荐信格式模板
2013/09/23 职场文书
技校毕业生自荐信范文
2014/03/07 职场文书
机关干部个人对照检查材料思想汇报
2014/09/28 职场文书
优秀班主任申报材料
2014/12/16 职场文书
《老人与海鸥》教学反思
2016/02/16 职场文书
商业计划书格式、范文
2019/03/21 职场文书
MySQL不使用order by实现排名的三种思路总结
2021/06/02 MySQL
Python基本知识点总结
2022/04/07 Python
Python PIL按比例裁剪图片
2022/05/11 Python