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操作xml
Nov 04 Javascript
ASP中进行HTML数据及JS数据编码函数
Nov 11 Javascript
jQuery滚动加载图片效果的实现
Mar 06 Javascript
jQuery遍历json的方法(推荐)
Jun 12 Javascript
jQuery Validate插件实现表单验证
Aug 19 Javascript
利用原生JS自动生成文章标题树的实例
Aug 22 Javascript
在React中如何优雅的处理事件响应详解
Jul 24 Javascript
ReactNative踩坑之配置调试端口的解决方法
Jul 28 Javascript
react高阶组件经典应用之权限控制详解
Sep 07 Javascript
node.js学习之事件模块Events的使用示例
Sep 28 Javascript
Vue 利用指令实现禁止反复发送请求的两种方法
Sep 15 Javascript
原生JS实现烟花效果
Mar 10 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
自己动手做一个SQL解释器
2006/10/09 PHP
php 全局变量范围分析
2009/08/07 PHP
PHP使用PHPexcel导入导出数据的方法
2015/11/14 PHP
详解PHP中mb_strpos的使用
2018/02/04 PHP
JS 文字符串转换unicode编码函数
2009/05/30 Javascript
jquery select(列表)的操作(取值/赋值)
2011/03/16 Javascript
IE6 fixed的完美解决方案
2011/03/31 Javascript
instanceof和typeof运算符的区别详解
2014/01/06 Javascript
jquery实现倒计时代码分享
2014/06/13 Javascript
使用Raygun对Node.js应用进行错误处理的方法
2015/06/23 Javascript
javascript日期处理函数,性能优化批处理
2015/09/06 Javascript
jquery实现简单的二级导航下拉菜单效果
2015/09/07 Javascript
简述JavaScript提交表单的方式 (Using JavaScript Submit Form)
2016/03/18 Javascript
在Node.js中使用Javascript Generators详解
2016/05/05 Javascript
js的form表单提交url传参数(包含+等特殊字符)的两种解决方法
2016/05/25 Javascript
使用JavaScript判断用户输入的是否为正整数(两种方法)
2017/02/05 Javascript
AngularJS实现的省市二级联动功能示例【可对选项实现增删】
2017/10/26 Javascript
浅谈VUE中演示v-for为什么要加key
2020/01/16 Javascript
微信小程序语音同步智能识别的实现案例代码解析
2020/05/29 Javascript
VSCode launch.json配置详细教程
2020/06/18 Javascript
[01:11:11]Alliance vs RNG 2019国际邀请赛淘汰赛 败者组BO1 8.20.mp4
2020/07/19 DOTA
python pdb调试方法分享
2014/01/21 Python
Python基于列表模拟堆栈和队列功能示例
2018/01/05 Python
python学习笔记--将python源文件打包成exe文件(pyinstaller)
2018/05/26 Python
Python实现的简单排列组合算法示例
2018/07/04 Python
在Pycharm中将pyinstaller加入External Tools的方法
2019/01/16 Python
Python流行ORM框架sqlalchemy安装与使用教程
2019/06/04 Python
python的mysql数据库建立表与插入数据操作示例
2019/09/30 Python
Python爬虫UA伪装爬取的实例讲解
2021/02/19 Python
韩国保养品、日本药妆购物网:小三美日
2018/12/30 全球购物
一组SQL面试题
2016/02/15 面试题
环境科学专业个人求职的自我评价
2013/11/28 职场文书
学习雷锋月活动总结
2014/07/03 职场文书
食堂厨师岗位职责
2014/08/25 职场文书
2014客服代表实习自我鉴定
2014/09/18 职场文书
小学教师教学反思
2016/02/24 职场文书