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 入门·JavaScript 具有全范围的运算符
Oct 01 Javascript
Mootools 1.2教程 Tooltips
Sep 15 Javascript
JSP跨iframe如何传递参数实现代码
Sep 21 Javascript
鼠标滚轮改变图片大小的示例代码
Nov 20 Javascript
改变隐藏的input中value值的方法
Mar 19 Javascript
JS数组合并push与concat区别分析
Dec 17 Javascript
基于Node.js的JavaScript项目构建工具gulp的使用教程
May 20 Javascript
基于AngularJs + Bootstrap + AngularStrap相结合实现省市区联动代码
May 30 Javascript
Ajax异步获取html数据中包含js方法无效的解决方法
Feb 20 Javascript
JavaScript Canvas绘制圆形时钟效果
Aug 20 Javascript
Angular 2使用路由自定义弹出组件toast操作示例
May 10 Javascript
vue-cli4.5.x快速搭建项目
May 30 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实现图象锐化代码
2007/06/14 PHP
PHP使用GETDATE获取当前日期时间作为一个关联数组的方法
2015/03/19 PHP
Yii2 如何在modules中添加验证码的方法
2017/06/19 PHP
picChange 图片切换特效的函数代码
2010/05/06 Javascript
jquery实现先淡出再折叠收起的动画效果
2015/08/07 Javascript
JavaScript基础知识之方法汇总结
2016/01/24 Javascript
Vue.js快速入门实例教程
2016/10/15 Javascript
JS实现密码框的显示密码和隐藏密码功能示例
2016/12/26 Javascript
js实现动态显示时间效果
2017/03/06 Javascript
bootstrap-table组合表头的实现方法
2017/09/07 Javascript
vue中axios处理http发送请求的示例(Post和get)
2017/10/13 Javascript
[原创]js实现保存文本框内容为本地文件兼容IE,chrome,火狐浏览器
2018/02/14 Javascript
JS中利用FileReader实现上传图片前本地预览功能
2018/03/02 Javascript
浅谈PDF.js使用心得
2018/06/07 Javascript
详解JavaScript中的坐标和距离
2019/05/27 Javascript
Vue常用的全选/反选的示例代码
2020/02/19 Javascript
详解JavaScript 作用域
2020/07/14 Javascript
详解Python中的from..import绝对导入语句
2016/06/21 Python
python 通过可变参数计算n个数的乘积方法
2019/06/13 Python
Django使用Channels实现WebSocket的方法
2019/07/28 Python
Python 动态导入对象,importlib.import_module()的使用方法
2019/08/28 Python
Python 实现递归法解决迷宫问题的示例代码
2020/01/12 Python
tensorflow 分类损失函数使用小记
2020/02/18 Python
Python类的动态绑定实现原理
2020/03/21 Python
python实现一个猜拳游戏
2020/04/05 Python
python模拟斗地主发牌
2020/04/22 Python
西雅图电动自行车公司:Rad Power Bikes
2020/02/02 全球购物
技术总监的工作职责
2013/11/13 职场文书
满月酒答谢词
2014/01/14 职场文书
职员竞岗演讲稿
2014/05/14 职场文书
2014年工程部工作总结
2014/11/25 职场文书
小学六年级毕业感言
2015/07/30 职场文书
Python djanjo之csrf防跨站攻击实验过程
2021/05/14 Python
关于antd tree 和父子组件之间的传值问题(react 总结)
2021/06/02 Javascript
SQL Server表分区删除详情
2021/10/16 SQL Server
Java 在线考试云平台的实现
2021/11/23 Java/Android