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 相关文章推荐
js 加载时自动调整图片大小
May 28 Javascript
jquery提交form表单时禁止重复提交的方法
Feb 13 Javascript
jquery实现邮箱自动补全功能示例分享
Feb 17 Javascript
JQuery动态添加和删除表格行的方法
Mar 09 Javascript
jquery实现最简单的滑动菜单效果代码
Sep 12 Javascript
jquery模拟多级复选框效果的简单实例
Jun 08 Javascript
js实现控制textarea输入字符串的个数,鼠标按下抬起判断输入字符数
Oct 25 Javascript
js求数组中全部数字可拼接出的最大整数示例代码
Aug 25 Javascript
vuex 的简单使用
Mar 22 Javascript
Webpack path与publicPath的区别详解
May 03 Javascript
Vue SSR 即时编译技术的实现
May 06 Javascript
Vue vee-validate插件的简单使用
Jun 22 Vue.js
基于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 中文处理函数集合
2008/08/27 PHP
PHP程序中使用adodb连接不同数据库的代码实例
2015/12/19 PHP
php数据库的增删改查 php与javascript之间的交互
2017/08/31 PHP
Thinkphp5 微信公众号token验证不成功的原因及解决方法
2017/11/12 PHP
jQueryUI写一个调整分类的拖放效果实现代码
2012/05/10 Javascript
简单实用的全选反选按钮例子
2013/10/18 Javascript
JavaScript中的原型和继承详解(图文)
2014/07/18 Javascript
JS实现的车标图片提示效果代码
2015/10/10 Javascript
第六章之辅组类与响应式工具
2016/04/25 Javascript
轻松掌握JavaScript策略模式
2016/08/25 Javascript
jQuery 实现倒计时天,时,分,秒功能
2018/07/31 jQuery
手把手教你使用TypeScript开发Node.js应用
2019/05/06 Javascript
JS求1到任意数之间的所有质数的方法详解
2019/05/20 Javascript
layui插件表单验证提交触发提交的例子
2019/09/09 Javascript
Vue v-model组件封装(类似弹窗组件)
2020/01/08 Javascript
JavaScript使用prototype属性实现继承操作示例
2020/05/22 Javascript
jQuery加PHP实现图片上传并提交的示例代码
2020/07/16 jQuery
JavaScript中作用域链的概念及用途讲解
2020/08/06 Javascript
浅谈JSON5解决了JSON的两大痛点
2020/12/14 Javascript
Python 时间处理datetime实例
2008/09/06 Python
python使用xlsxwriter实现有向无环图到Excel的转换
2018/12/12 Python
Python3内置模块pprint让打印比print更美观详解
2019/06/02 Python
12个Python程序员面试必备问题与答案(小结)
2019/06/24 Python
Python通过Manager方式实现多个无关联进程共享数据的实现
2019/11/07 Python
Django2 连接MySQL及model测试实例分析
2019/12/10 Python
python GUI库图形界面开发之PyQt5窗口背景与不规则窗口实例
2020/02/25 Python
opencv python 图片读取与显示图片窗口未响应问题的解决
2020/04/24 Python
Python爬取股票信息,并可视化数据的示例
2020/09/26 Python
详解Python openpyxl库的基本应用
2021/02/26 Python
CSS3 Notes: -webkit-box-reflect实现倒影的实例
2016/12/08 HTML / CSS
详解html2canvas截图不能截取圆角图片的解决方案
2018/01/30 HTML / CSS
印度服装购物网站:Limeroad
2018/09/26 全球购物
是否有自动比较结构的方法
2015/06/03 面试题
毕业学生推荐信
2013/12/01 职场文书
毕业生写求职信的要点
2014/03/04 职场文书
监理中标通知书
2015/04/16 职场文书