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中的location用法简单介绍
Mar 07 Javascript
js 弹出框 替代浏览器的弹出框
Oct 29 Javascript
浅谈Javascript变量作用域问题
Dec 16 Javascript
angularjs基础教程
Dec 25 Javascript
js控制网页前进和后退的方法
Jun 08 Javascript
JS动态插入并立即执行回调函数的方法
Apr 21 Javascript
javaScript动态添加Li元素的实例
Feb 24 Javascript
JS实现方形抽奖效果
Aug 27 Javascript
JS异步执行结果获取的3种解决方式
Feb 19 Javascript
js原生map实现的方法总结
Jan 19 Javascript
vue中解决微信html5原生ios虚拟键返回不刷新问题
Oct 20 Javascript
react使用antd表单赋值,用于修改弹框的操作
Oct 29 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判断GIF图片是否为动画的方法
2020/09/04 PHP
PHP数据库连接mysql与mysqli对比分析
2016/01/04 PHP
PHP 7安装调试工具Xdebug扩展的方法教程
2017/06/17 PHP
extjs 学习笔记(一) 一些基础知识
2009/10/13 Javascript
jQuery 处理网页内容的实现代码
2010/02/15 Javascript
jQuery中创建实例与原型继承揭秘
2011/12/21 Javascript
使用JS CSS去除IE链接虚线框的三种方法
2013/11/14 Javascript
jquery高级编程的最佳实践详解
2014/03/23 Javascript
angularjs基础教程
2014/12/25 Javascript
JavaScript学习笔记之JS函数
2015/01/22 Javascript
JS获取表格内指定单元格html内容的方法
2015/03/31 Javascript
js点击文本框后才加载验证码实例代码
2015/10/20 Javascript
jQuery实现分章节锚点“回到顶部”动画特效代码
2015/10/23 Javascript
js中对函数设置默认参数值的3种方法
2015/10/23 Javascript
在js里怎么实现Xcode里的callFuncN方法(详解)
2016/11/05 Javascript
清除浏览器缓存的几种方法总结(必看)
2016/12/09 Javascript
使用jQuery卸载全部事件的思路详解
2017/04/03 jQuery
使用jQuery,Angular实现登录界面验证码详解
2017/04/27 jQuery
详解vue 配合vue-resource调用接口获取数据
2017/06/22 Javascript
前后端如何实现登录token拦截校验详解
2018/09/03 Javascript
Node爬取大批量文件的方法示例
2019/06/28 Javascript
[03:09]2014DOTA2国际邀请赛 Mushi前队友送上祝福
2014/07/12 DOTA
Python随机生成均匀分布在单位圆内的点代码示例
2017/11/13 Python
Python3.6简单的操作Mysql数据库的三个实例
2018/10/17 Python
python组合无重复三位数的实例
2018/11/13 Python
From CSV to SQLite3 by python 导入csv到sqlite实例
2020/02/14 Python
Pycharm和Idea支持的vim插件的方法
2020/02/21 Python
python requests.get带header
2020/05/05 Python
使用Keras中的ImageDataGenerator进行批次读图方式
2020/06/17 Python
python+selenium实现12306模拟登录的步骤
2021/01/21 Python
HTML利用九宫格原理进行网页布局
2020/03/13 HTML / CSS
Joe Fresh官网:加拿大时尚品牌和零售连锁店
2016/11/30 全球购物
我爱我的祖国演讲稿
2014/05/04 职场文书
党支部创先争优活动总结
2014/08/28 职场文书
产品质量保证书范本
2015/02/27 职场文书
教你使用Python获取QQ音乐某个歌手的歌单
2022/04/03 Python