限制文本字节数js代码


Posted in Javascript onMarch 06, 2007

做项目时自己写一段js给大家。关于文本限制字数的问题,在实际开发中经常用到;主要问题出现在对中文的限制,下面代码就解决关于限制字节数的校验问题;只要将此下代码保存到一个js文件中并引入到校验的页面中,便可使用!同时希望大家给与大力支持和宝贵意见,本人会在今后闲余之际,发表更多的好文章,谢谢!!

/*
 value: 值;
 byteLength:数据库字节长度
 title:字段中文名称
 attribute:属性名称
 使用方法说明:

添加 (1) onkeyup="limitLength(this.value,100,'名称','name')"
          (2)  id="name" 或【struts标签】styleId="name"
 注意:id名称和 attribute属性名称要一样

 例子:<textarea  name="explain" id="explain" onkeyup="limitLength(value,5,'语义说明','explain')" > 

 或

<input type="text"   name="explain"  id="explain" onkeyup="limitLength(value,5,'语义说明','explain')" >

*/

function limitLength(value, byteLength, title, attribute) {
       var newvalue = value.replace(/[^\x00-\xff]/g, "**");
       var length = newvalue.length;

       //当填写的字节数小于设置的字节数
      if (length * 1 <=byteLength * 1){
            return;
      }
      var limitDate = newvalue.substr(0, byteLength);
      var count = 0;
      var limitvalue = "";
     for (var i = 0; i < limitDate.length; i++) {
             var flat = limitDate.substr(i, 1);
            if (flat == "*") {
                  count++;
            }
     }
     var size = 0;
     var istar = newvalue.substr(byteLength * 1 - 1, 1);//校验点是否为“×”

    //if 基点是×; 判断在基点内有×为偶数还是奇数 
     if (count % 2 == 0) {
              //当为偶数时
            size = count / 2 + (byteLength * 1 - count);
            limitvalue = value.substr(0, size);
    } else {
            //当为奇数时
            size = (count - 1) / 2 + (byteLength * 1 - count);
            limitvalue = value.substr(0, size);
    }
   alert(title + "最大输入" + byteLength + "个字节(相当于"+byteLength /2+"个汉字)!");
   document.getElementById(attribute).value = limitvalue;
   return;
}

Javascript 相关文章推荐
浅谈Javascript事件处理程序的几种方式
Jun 27 Javascript
js中通过split函数分割字符串成数组小例子
Sep 21 Javascript
jQuery插件Slider Revolution实现响应动画滑动图片切换效果
Jun 05 Javascript
JavaScript Array对象详解
Mar 01 Javascript
Angular.js如何从PHP读取后台数据
Mar 24 Javascript
利用Angularjs和原生JS分别实现动态效果的输入框
Sep 01 Javascript
AngularJS实现按钮提示与点击变色效果
Sep 07 Javascript
JS Select下拉框(支持输入模糊查询)
Feb 04 Javascript
vue 项目如何引入微信sdk接口的方法
Dec 18 Javascript
jQuery编写QQ简易聊天框
Aug 27 jQuery
解决vue-cli输入命令vue ui没效果的问题
Nov 17 Javascript
js实现头像上传并且可预览提交
Dec 25 Javascript
用Div仿showModalDialog模式菜单的效果的代码
Mar 05 #Javascript
HTML-CSS群中单选引发的“事件”
Mar 05 #Javascript
用javascript实现页面打印的三种方法
Mar 05 #Javascript
一个可以显示阴历的JS代码
Mar 05 #Javascript
JavaScript实现Sleep函数的代码
Mar 04 #Javascript
Javascript中暂停功能的实现代码
Mar 04 #Javascript
参考:关于Javascript中实现暂停的几篇文章
Mar 04 #Javascript
You might like
PHP 查找字符串常用函数介绍
2012/06/07 PHP
php实现专业获取网站SEO信息类实例
2015/04/02 PHP
PHP判断上传文件类型的解决办法
2015/10/20 PHP
php中实现进程锁与多进程的方法
2016/09/18 PHP
laravel通过创建自定义artisan make命令来新建类文件详解
2017/08/17 PHP
PHP超级全局变量【$GLOBALS,$_SERVER,$_REQUEST等】用法实例分析
2019/12/11 PHP
PHP设计模式入门之状态模式原理与实现方法分析
2020/04/26 PHP
JavaScript 学习笔记(十二) dom
2010/01/21 Javascript
Javascript的getYear、getFullYear、getUTCFullYear异同分享
2011/11/30 Javascript
javascript parseInt() 函数的进制转换注意细节
2013/01/08 Javascript
Jquery实现点击切换图片并隐藏显示内容(2种方法实现)
2013/04/11 Javascript
jquery slibings选取同级其他元素的实现代码
2013/11/15 Javascript
$.each与$().each的区别示例介绍
2014/03/20 Javascript
JQuery表单验证插件EasyValidator用法分析
2014/11/15 Javascript
js创建对象的方法汇总
2016/01/07 Javascript
jQuery中 DOM节点操作方法大全
2017/10/12 jQuery
JavaScript实现一个带AI的井字棋游戏源码
2018/05/21 Javascript
利用Vue实现一个markdown编辑器实例代码
2019/05/19 Javascript
微信小程序引入Vant组件库过程解析
2019/08/06 Javascript
vue 指令和过滤器的基本使用(品牌管理案例)
2019/11/04 Javascript
在elementui中Notification组件添加点击事件实例
2020/11/11 Javascript
[53:03]Optic vs TNC 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
Python中的生成器和yield详细介绍
2015/01/09 Python
Python实现把xml或xsl转换为html格式
2015/04/08 Python
python中pandas.DataFrame排除特定行方法示例
2017/03/12 Python
Bottle框架中的装饰器类和描述符应用详解
2017/10/28 Python
python3 爬取图片的实例代码
2018/11/06 Python
在pytorch中为Module和Tensor指定GPU的例子
2019/08/19 Python
在PyCharm中遇到pip安装 失败问题及解决方案(pip失效时的解决方案)
2020/03/10 Python
python实现密码验证合格程序的思路详解
2020/06/01 Python
python自动生成证件号的方法示例
2021/01/14 Python
python实现不同数据库间数据同步功能
2021/02/25 Python
css3的transition属性详解
2014/12/15 HTML / CSS
设计专业自荐信
2014/06/19 职场文书
2015大学生实训报告
2014/11/05 职场文书
Redis IP地址的绑定的实现
2021/05/08 Redis