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 相关文章推荐
使用IE6看老赵的博客 jQuery初探
Jan 17 Javascript
ASP.NET jQuery 实例16 通过控件CustomValidator验证RadioButtonList
Feb 03 Javascript
JavaScript返回网页中超链接数量的方法
Apr 03 Javascript
jQuery中 delegate使用的问题
Jul 03 Javascript
浅析Node.js 中 Stream API 的使用
Oct 23 Javascript
JS HTML5拖拽上传图片预览
Jul 18 Javascript
Canvas 绘制粒子动画背景
Feb 15 Javascript
从对象列表中获取一个对象的方法,依据关键字和值
Sep 20 Javascript
在Vue组件上动态添加和删除属性方法
Feb 23 Javascript
js数组去重的N种方法(小结)
Jun 07 Javascript
关于引入vue.js 文件的知识点总结
Jan 28 Javascript
node.js使用zlib模块进行数据压缩和解压操作示例
Feb 12 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
操作Oracle的php类
2006/10/09 PHP
php注销代码(session注销)
2012/05/31 PHP
PHPEXCEL 使用小记
2013/01/06 PHP
简单介绍win7下搭建apache+php+mysql开发环境
2015/08/06 PHP
用于自动添加Digg This!按钮的JavaScript
2006/12/23 Javascript
JavaScript 学习笔记(四)
2009/12/31 Javascript
js 创建书签小工具之理论
2011/02/25 Javascript
常用的几段javascript代码分享
2014/03/25 Javascript
JS小游戏之象棋暗棋源码详解
2014/09/25 Javascript
jQuery获取对象简单实现方法小结
2014/10/30 Javascript
JavaScript数组对象实现增加一个返回随机元素的方法
2015/07/27 Javascript
JavaScript通过代码调用Flash显示的方法
2016/02/02 Javascript
非常酷炫的Bootstrap图片轮播动画
2016/05/27 Javascript
jQuery+ajax+asp.net获取Json值的方法
2016/06/08 Javascript
微信小程序 跳转传递数据的实例
2017/07/06 Javascript
微信小程序 转发功能的实现
2017/08/04 Javascript
js实现删除li标签一行内容
2019/04/16 Javascript
原生js实现商品筛选功能
2019/10/28 Javascript
Vue动态加载图片在跨域时无法显示的问题及解决方法
2020/03/10 Javascript
微信公众号中的JSSDK接入及invalid signature等常见错误问题分析(全面解析)
2020/04/11 Javascript
从零开始用webpack构建一个vue3.0项目工程的实现
2020/09/24 Javascript
python实现的防DDoS脚本
2011/02/08 Python
python psutil库安装教程
2018/03/19 Python
Python实现的爬取网易动态评论操作示例
2018/06/06 Python
使用python将最新的测试报告以附件的形式发到指定邮箱
2019/09/20 Python
python super的使用方法及实例详解
2019/09/25 Python
Python sep参数使用方法详解
2020/02/12 Python
Python使用Socket实现简单聊天程序
2020/02/28 Python
Django form表单与请求的生命周期步骤详解
2020/06/07 Python
基层党组织建设整改方案
2014/09/16 职场文书
2014年度考核工作总结
2014/12/24 职场文书
求职简历自我评价2015
2015/03/10 职场文书
超市主管竞聘书
2015/09/15 职场文书
mysql部分操作
2021/04/05 MySQL
Python爬虫基础之初次使用scrapy爬虫实例
2021/06/26 Python
Java 通过手写分布式雪花SnowFlake生成ID方法详解
2022/04/07 Java/Android