JS判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个)


Posted in Javascript onAugust 02, 2016

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 混淆加密收藏
Jan 16 Javascript
神奇的7个jQuery 3D插件整理
Jan 06 Javascript
不提示直接关闭网页窗口的JS示例代码
Dec 17 Javascript
jquery左右全屏大尺寸多图滑动效果代码分享
Aug 28 Javascript
BootStrap智能表单实战系列(七)验证的支持
Jun 13 Javascript
Bootstrap响应式表格详解
May 23 Javascript
详解用vue编写弹出框组件
Jul 04 Javascript
js判断传入时间和当前时间大小实例(超简单)
Jan 11 Javascript
jQuery实现动态显示select下拉列表数据的方法
Feb 05 jQuery
bootstrap中selectpicker下拉框使用方法实例
Mar 22 Javascript
Node.js文件编码格式的转换的方法
Apr 27 Javascript
webstorm建立vue-cli脚手架的傻瓜式教程
Sep 22 Javascript
基于Vue.js实现数字拼图游戏
Aug 02 #Javascript
js 获取范围内的随机数实例代码
Aug 02 #Javascript
url传递的参数值中包含&amp;时,url自动截断问题的解决方法
Aug 02 #Javascript
AngularJS基础 ng-include 指令示例讲解
Aug 01 #Javascript
基于jQuery实现表格的查看修改删除
Aug 01 #Javascript
jQuery自制提示框tooltip改进版
Aug 01 #Javascript
Three.js学习之文字形状及自定义形状
Aug 01 #Javascript
You might like
Php Ctemplate引擎开发相关内容
2012/03/03 PHP
基于PHP array数组的教程详解
2013/06/05 PHP
php中header跳转使用include包含解决参数丢失问题
2015/05/08 PHP
PHP实现linux命令tail -f
2016/02/22 PHP
PHP中ajax无刷新上传图片与图片下载功能
2017/02/21 PHP
详解PHP PDO简单教程
2019/05/28 PHP
Laravel框架中集成MongoDB和使用详解
2019/10/17 PHP
详细分析PHP 命名空间(namespace)
2020/06/30 PHP
js实现iframe动态调整高度的代码
2008/01/06 Javascript
jquery easyui combobox模糊过滤(示例代码)
2013/11/30 Javascript
Javascript中使用A标签获取当前目录的绝对路径方法
2015/03/02 Javascript
javascript手风琴下拉菜单实现代码
2015/11/12 Javascript
详解javascript跨浏览器事件处理程序
2016/03/27 Javascript
Jquery和JS获取ul中li标签的实现方法
2016/06/02 Javascript
JS实现图文并茂的tab选项卡效果示例【附demo源码下载】
2016/09/21 Javascript
浅析jsopn跨域请求原理及cors(跨域资源共享)的完美解决方法
2017/02/06 Javascript
微信公众号菜单配置微信小程序实例详解
2017/03/31 Javascript
vue better-scroll插件使用详解
2018/01/25 Javascript
js防抖和节流的深入讲解
2018/12/06 Javascript
详解react阻止无效重渲染的多种方式
2018/12/11 Javascript
浅谈JS的原型和继承
2019/05/08 Javascript
JS开发自己的类库实例分析
2019/08/28 Javascript
Node.js API详解之 assert模块用法实例分析
2020/05/26 Javascript
[02:56]DOTA2上海特锦赛小组赛解说FreeAgain采访花絮
2016/02/27 DOTA
[01:07:47]Secret vs Optic Supermajor 胜者组 BO3 第一场 6.4
2018/06/05 DOTA
python如何实现excel数据添加到mongodb
2015/07/30 Python
使用Python进行二进制文件读写的简单方法(推荐)
2016/09/12 Python
Django自定义分页效果
2017/06/27 Python
python3 发送任意文件邮件的实例
2018/01/23 Python
Pycharm之快速定位到某行快捷键的方法
2019/01/20 Python
英国最大的宠物商店:Pets at Home
2019/04/17 全球购物
经典C++面试题一
2016/11/06 面试题
葡萄牙语专业个人求职信
2013/12/10 职场文书
雏鹰争章活动总结
2014/05/09 职场文书
2014年安置帮教工作总结
2014/12/11 职场文书
导师对论文的学术评语
2015/01/04 职场文书