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广告代码
May 30 Javascript
js特效,页面下雪的小例子
Jun 17 Javascript
jquery选择器大全 全面详解jquery选择器
Mar 06 Javascript
JS动态改变表格边框宽度的方法
Mar 31 Javascript
javascript截图 jQuery插件imgAreaSelect使用详解
May 04 Javascript
AngularJS 单选框及多选框的双向动态绑定
Apr 20 Javascript
JS使用setInterval实现的简单计时器功能示例
Apr 19 Javascript
详解vue-cli中模拟数据的两种方法
Jul 03 Javascript
vue+eslint+vscode配置教程
Aug 09 Javascript
vue项目中引入Sass实例方法
Aug 27 Javascript
vscode 插件开发 + vue的操作方法
Jun 05 Javascript
微信小程序自定义支持图片的弹窗
Dec 21 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中的替代语法介绍
2015/01/09 PHP
php使用unset()删除数组中某个单元(键)的方法
2015/02/17 PHP
php利用云片网实现短信验证码功能的示例代码
2017/11/18 PHP
PHP rsa加密解密算法原理解析
2020/12/09 PHP
Sample script that deletes a SQL Server database
2007/06/16 Javascript
HTML中的setCapture和releaseCapture使用介绍
2012/03/21 Javascript
jquery根据name属性查找的小例子
2013/11/21 Javascript
jQuery处理xml格式的返回数据(实例解析)
2013/11/28 Javascript
jQuery中animate()方法用法实例
2014/12/24 Javascript
jQuery实现行文字链接提示效果的方法
2015/03/10 Javascript
jquery实现的Accordion折叠面板效果代码
2015/09/02 Javascript
微信小程序 数据封装,参数传值等经验分享
2017/01/09 Javascript
js中获取键盘按下键值event.keyCode、event.charCode和event.which的兼容性详解
2017/03/15 Javascript
Bootstrap Multiselect 常用组件实现代码
2017/07/09 Javascript
VueJs监听window.resize方法示例
2018/01/17 Javascript
Angularjs之如何在跨域请求中传输Cookie的方法
2018/06/01 Javascript
详解Express笔记之动态渲染HTML(新手入坑)
2018/12/13 Javascript
js实现倒计时器自定义时间和暂停
2019/02/25 Javascript
如何在JavaScript中谨慎使用代码注释
2019/06/21 Javascript
[05:13]TI4 中国战队 机场出征!!
2014/07/07 DOTA
在Ubuntu系统下安装使用Python的GUI工具wxPython
2016/02/18 Python
Python简单实现安全开关文件的两种方式
2016/09/19 Python
python实现五子棋游戏
2019/06/18 Python
h5使用canvas画布实现手势解锁
2019/01/04 HTML / CSS
PHP如何调用MYSQL存储过程
2014/05/30 面试题
程序员机试试题汇总
2012/03/07 面试题
客服工作职责
2013/12/11 职场文书
自荐书模板
2013/12/15 职场文书
护理中职生求职信范文
2014/02/24 职场文书
个人简历自荐信
2014/06/26 职场文书
大专学生求职自荐信
2014/07/06 职场文书
2014业务员年终工作总结
2014/12/09 职场文书
聚众斗殴罪辩护词
2015/05/21 职场文书
python 中[0]*2与0*2的区别说明
2021/05/10 Python
Vue和Flask通信的实现
2021/05/19 Vue.js
解析Redis Cluster原理
2021/06/21 Redis