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 相关文章推荐
基于jQuery的实现简单的分页控件
Oct 10 Javascript
有关于JS辅助函数inherit()的问题
Apr 07 Javascript
JavaScript返回上一页的三种方法及区别介绍
Jul 04 Javascript
深入浅析同源策略和跨域访问
Nov 26 Javascript
老生常谈JavaScript数组的用法
Jun 10 Javascript
jQuery的Cookie封装,与PHP交互的简单实现
Oct 05 Javascript
ES6新数据结构Map功能与用法示例
Mar 31 Javascript
关于react-router的几种配置方式详解
Jul 24 Javascript
详解VueRouter进阶之导航钩子和路由元信息
Sep 13 Javascript
vue.js内置组件之keep-alive组件使用
Jul 10 Javascript
详解微信小程序之提高应用速度小技巧
Jan 07 Javascript
vue实现可拖拽的dialog弹框
May 13 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开源建站平台小结
2010/04/22 PHP
在PHP中使用curl_init函数的说明
2010/11/02 PHP
thinkPHP的Html模板标签使用方法
2012/11/13 PHP
php sybase_fetch_array使用方法
2014/04/15 PHP
php lcg_value与mt_rand生成0~1随机小数的效果对比分析
2017/04/05 PHP
javascript 设为首页与加入收藏兼容多浏览器代码
2011/01/11 Javascript
强大的jquery插件jqeuryUI做网页对话框效果!简单
2011/04/14 Javascript
使用jquery实现放大镜效果
2014/09/02 Javascript
jQuery实现Email邮箱地址自动补全功能代码
2015/11/03 Javascript
详解JavaScript对象序列化
2016/01/19 Javascript
JavaScript职责链模式概述
2016/09/17 Javascript
基于JQuery的购物车添加删除以及结算功能示例
2017/03/08 Javascript
浅谈angular.copy() 深拷贝
2017/09/14 Javascript
使用socket.io制做简易WEB聊天室
2018/01/02 Javascript
Vue 组件注册实例详解
2019/02/23 Javascript
element-ui树形控件后台返回的数据+生成组织树的工具类
2020/03/05 Javascript
[46:16]2018DOTA2亚洲邀请赛3月30日 小组赛B组 iG VS VP
2018/03/31 DOTA
Python中用于转换字母为小写的lower()方法使用简介
2015/05/19 Python
python实现BackPropagation算法
2017/12/14 Python
python3 遍历删除特定后缀名文件的方法
2018/04/23 Python
Python绘制3D图形
2018/05/03 Python
python 使用值来排序一个字典的方法
2018/11/16 Python
基于Python对数据shape的常见操作详解
2018/12/25 Python
Python Pillow Image Invert
2019/01/22 Python
PyQT5 QTableView显示绑定数据的实例详解
2019/06/25 Python
python设计微型小说网站(基于Django+Bootstrap框架)
2019/07/08 Python
Python 最强编辑器详细使用指南(PyCharm )
2019/09/16 Python
python实现删除列表中某个元素的3种方法
2020/01/15 Python
基于python实现判断字符串是否数字算法
2020/07/10 Python
英国独特礼物想法和个性化礼物网站:notonthehighstreet.com
2018/04/16 全球购物
《长城》教学反思
2014/02/14 职场文书
大足石刻导游词
2015/02/02 职场文书
当幸福来敲门英文观后感
2015/06/01 职场文书
快消品行业营销模式与盈利模式分享
2019/09/27 职场文书
MySQL 存储过程的优缺点分析
2021/05/20 MySQL
《群青的幻想曲》京力秋树角色PV公开
2022/04/08 日漫