jQuery编写textarea输入字数限制代码


Posted in jQuery onMarch 23, 2017

本文实例为大家分享了jQuery textarea输入字数限制的具体代码,供大家参考,具体内容如下

//先判断浏览器是不是万恶的IE
    var bind_name = 'input';//默认事件
    if (navigator.userAgent.indexOf("MSIE") != -1) {
      bind_name = 'propertychange';//不要脸IE独享的事件
    }
    var maxlength = 10;//限定输入字数
    $('#Comment').bind(bind_name, function () {//给textarea绑定事件
      var strlen = $(this).val().replace(/[^\x00-\xff]/g, "aa").length;//读取转换得到长度,中文转换成2个长度,英文空格忽视算1个长度
      $('#aviableCount').text(function () {//一个span显示现在输入多长了
        if (Math.ceil(strlen / 2) > maxlength) {//超过限定长度,只显示最大数
          return maxlength;
        }
        else {
          return Math.ceil(strlen / 2);//为什么要除以2呢,因为前面中文算两个长度,这里我们要转回来,0.5的中文长度算1个中文长度
        }
      });
      if (strlen > maxlength * 2) {//输入超过最大长度,就进行截取
        for (i = 1; i > 0; i++) {
          $(this).val($(this).val().substr(0, $(this).val().length - 1));
          if ($(this).val().replace(/[^\x00-\xff]/g, "aa").length <= maxlength * 2) {
            break;
          }
        }
      }
    })
  </script>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

jQuery 相关文章推荐
jquery实现简单实用的轮播器
May 23 jQuery
最常用的jQuery表单验证(简单)
May 23 jQuery
JavaScript之事件委托实例(附原生js和jQuery代码)
Jul 22 jQuery
jQuery实现标签子元素的添加和赋值方法
Feb 24 jQuery
jQuery中元素选择器(element)简单用法示例
May 14 jQuery
jquery获取select选中值的文本,并赋值给另一个输入框的方法
Aug 21 jQuery
jQuery easyui datagird编辑行删除行功能的实现代码
Sep 20 jQuery
jQuery序列化form表单数据为JSON对象的实现方法
Sep 20 jQuery
jQuery实现左右两个列表框的内容相互移动功能示例
Jan 27 jQuery
浅谈JS和jQuery的区别
Mar 27 jQuery
jquery实现购物车基本功能
Oct 25 jQuery
jQuery实现鼠标滑动切换图片
May 27 jQuery
jquery实现全选、全不选以及单选功能
Mar 23 #jQuery
jQuery插件FusionCharts实现的MSBar3D图效果示例【附demo源码】
Mar 23 #jQuery
纯jQuery实现前端分页功能
Mar 23 #jQuery
JQuery 进入页面默认给已赋值的复选框打钩
Mar 23 #jQuery
jQuery插件FusionWidgets实现的AngularGauge图效果示例【附demo源码】
Mar 23 #jQuery
jQuery插件FusionWidgets实现的Bulb图效果示例【附demo源码下载】
Mar 23 #jQuery
jQuery插件FusionWidgets实现的Cylinder图效果示例【附demo源码】
Mar 23 #jQuery
You might like
域名和cookie问题(域名后缀)
2012/10/10 PHP
PHP 获取ip地址代码汇总
2015/07/05 PHP
php实现网页缓存的工具类分享
2015/07/14 PHP
JavaScript监测ActiveX控件是否已经安装过的代码
2008/09/02 Javascript
jquery text,radio,checkbox,select操作实现代码
2009/07/09 Javascript
JQUERY 获取IFrame中对象及获取其父窗口中对象示例
2013/08/19 Javascript
js中传递特殊字符(+,&amp;)的方法
2014/01/16 Javascript
Firefox中使用outerHTML的2种解决方法
2014/06/07 Javascript
页面加载完后自动执行一个方法的js代码
2014/09/06 Javascript
node.js开发中使用Node Supervisor实现监测文件修改并自动重启应用
2014/11/04 Javascript
简单讲解AngularJS的Routing路由的定义与使用
2016/03/05 Javascript
AngularJS ng-controller 指令简单实例
2016/08/01 Javascript
基于javascript实现的快速排序
2016/12/02 Javascript
在node中如何使用 ES6
2017/04/22 Javascript
关于vue.js v-bind 的一些理解和思考
2017/06/06 Javascript
对mac下nodejs 更新到最新版本的最新方法(推荐)
2018/05/17 NodeJs
JS实现简单的抽奖转盘效果示例
2019/02/16 Javascript
JS块级作用域和私有变量实例分析
2019/05/11 Javascript
vue.js中导出Excel表格的案例分析
2019/06/11 Javascript
基于webpack4+vue-cli3项目实现换肤功能
2019/07/17 Javascript
vue3为什么要用proxy替代defineProperty
2020/10/19 Javascript
python框架django基础指南
2016/09/08 Python
基于Python的XSS测试工具XSStrike使用方法
2017/07/29 Python
Python反转序列的方法实例分析
2018/03/21 Python
学生信息管理系统python版
2018/10/17 Python
CSS3动画animation实现云彩向左滚动
2014/05/09 HTML / CSS
马来西亚和新加坡巴士票在线预订:CatchThatBus
2018/11/17 全球购物
Joseph官网:英国小众奢侈品牌
2019/05/17 全球购物
往来会计岗位职责
2013/12/19 职场文书
竟聘演讲稿范文
2013/12/31 职场文书
同学会邀请书大全
2014/01/12 职场文书
高中生期末评语大全
2014/01/28 职场文书
大专毕业生求职信
2014/07/05 职场文书
教师党员整改措施
2014/10/24 职场文书
导游词之张家界
2019/10/31 职场文书
Requests什么的通通爬不了的Python超强反爬虫方案!
2021/05/20 Python