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插件FusionCharts绘制ScrollColumn2D图效果示例【附demo源码下载】
Mar 22 jQuery
jQuery操作css样式
May 15 jQuery
jQuery 实时保存页面动态添加的数据的示例
Aug 14 jQuery
浅谈jquery中ajax跨域提交的时候会有2次请求的问题
Nov 10 jQuery
jQuery Datatables表头不对齐的解决办法
Nov 27 jQuery
jquery实现左右轮播切换效果
Jan 01 jQuery
Vue引入jquery实现平滑滚动到指定位置
May 09 jQuery
jQuery实现菜单的显示和隐藏功能示例
Jul 24 jQuery
jQuery轻量级表单模型验证插件
Oct 15 jQuery
jQuery实现的简单歌词滚动功能示例
Jan 07 jQuery
jQuery实现轮播图效果demo
Jan 11 jQuery
jQuery实现鼠标拖动图片功能
Mar 04 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
用PHP实现文件上传二法
2006/10/09 PHP
谈谈新手如何学习PHP
2006/12/14 PHP
yii通过小物件生成view的方法
2016/10/08 PHP
深入了解PHP中的Array数组和foreach
2016/11/06 PHP
JavaScript 入门·JavaScript 具有全范围的运算符
2007/10/01 Javascript
关于jquery.validate1.9.0前台验证的使用介绍
2013/04/26 Javascript
jquery.autocomplete修改实现键盘上下键自动填充示例
2013/11/19 Javascript
脚本合并提升javascript性能示例
2014/02/24 Javascript
jquery文档操作wrap()方法实例简述
2015/01/10 Javascript
JS仿淘宝实现的简单滑动门效果代码
2015/10/14 Javascript
深入浅析javascript立即执行函数
2015/10/23 Javascript
学习JavaScript设计模式之模板方法模式
2016/01/20 Javascript
微信小程序 合法域名校验出错详解及解决办法
2017/03/09 Javascript
实时监控input框,实现输入框与下拉框联动的实例
2018/01/23 Javascript
vue2.0使用swiper组件实现轮播的示例代码
2018/03/03 Javascript
Vue 仿QQ左滑删除组件功能
2018/03/12 Javascript
JavaScript中click和onclick本质区别与用法分析
2018/06/07 Javascript
Python的Django框架中if标签的相关使用
2015/07/15 Python
Python处理JSON时的值报错及编码报错的两则解决实录
2016/06/26 Python
详谈Python 窗体(tkinter)表格数据(Treeview)
2018/10/11 Python
对python GUI实现完美进度条的示例详解
2018/12/13 Python
django框架实现模板中获取request 的各种信息示例
2019/07/01 Python
Django框架 查询Extra功能实现解析
2019/09/04 Python
使用pandas的box_plot去除异常值
2019/12/10 Python
Python unittest框架操作实例解析
2020/04/13 Python
欧铁通票官方在线销售网站:Eurail.com
2017/10/14 全球购物
100%植物性、有机、即食餐:Sakara Life
2018/10/25 全球购物
真正的英国宝藏:Mappin & Webb
2019/05/05 全球购物
人事部岗位职责范本
2014/03/05 职场文书
爬山的活动方案
2014/08/16 职场文书
小学生国庆65周年演讲稿范文(2篇)
2014/09/21 职场文书
2015年效能监察工作总结
2015/04/23 职场文书
通用员工手册范本
2015/05/14 职场文书
天那边观后感
2015/06/09 职场文书
2016秋季运动会开幕词
2016/03/04 职场文书
使用PDF.js渲染canvas实现预览pdf的效果示例
2021/04/17 Javascript