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 Validate 校验多个相同name的方法
May 18 jQuery
jQuery日期范围选择器附源码下载
May 23 jQuery
jQuery列表检索功能实现代码
Jul 17 jQuery
jQuery实现菜单栏导航效果
Aug 15 jQuery
利用JQuery操作iframe父页面、子页面的元素和方法汇总
Sep 10 jQuery
jQuery插件artDialog.js使用与关闭方法示例
Oct 09 jQuery
jQuery实现获取table中鼠标click点击位置行号与列号的方法
Oct 09 jQuery
jQuery实现基本动画效果的方法详解
Sep 06 jQuery
JavaScript前端页面搜索功能案例【基于jQuery】
Jul 10 jQuery
jQuery实现弹出层效果
Dec 10 jQuery
jQuery插件simplePagination的使用方法示例
Apr 28 jQuery
基于ajax及jQuery实现局部刷新过程解析
Sep 12 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
打造计数器DIY三步曲(中)
2006/10/09 PHP
《PHP边学边教》(01.开篇――准备工作)
2006/12/13 PHP
PHP fastcgi模式上传大文件(大约有300多K)报错
2014/09/28 PHP
Yii2中如何使用modal弹窗(基本使用)
2016/05/30 PHP
PHP crypt()函数的用法讲解
2019/02/15 PHP
json的前台操作和后台操作实现代码
2012/01/20 Javascript
使用JavaScript实现Java的List功能(实例讲解)
2013/11/07 Javascript
防止jQuery ajax Load使用缓存的方法小结
2014/02/22 Javascript
jQuery获取页面元素绝对与相对位置的方法
2015/06/10 Javascript
jQuery实现判断滚动条到底部
2015/06/23 Javascript
js正则表达式中exec用法实例
2015/07/23 Javascript
node.js从数据库获取数据
2016/05/08 Javascript
AngularJS 2.0入门权威指南
2016/10/08 Javascript
JavaScript给每一个li节点绑定点击事件的实现方法
2016/12/01 Javascript
jQuery中页面返回顶部的方法总结
2016/12/30 Javascript
angular中实现li或者某个元素点击变色的两种方法
2017/07/27 Javascript
Vue.js 2.0和Cordova开发webApp环境搭建方法
2018/02/26 Javascript
js代码规范之Eslint安装与配置详解
2018/09/08 Javascript
Vue.js@2.6.10更新内置错误处机制Fundebug同步支持相应错误监控
2019/05/13 Javascript
微信小程序可滑动周日历组件使用详解
2019/10/21 Javascript
vue中实现高德定位功能
2019/12/03 Javascript
Python解析命令行读取参数--argparse模块使用方法
2018/01/23 Python
TensorFlow实现Logistic回归
2018/09/07 Python
python中ImageTk.PhotoImage()不显示图片却不报错问题解决
2018/12/06 Python
Python实现多线程/多进程的TCP服务器
2019/09/03 Python
Python使用Pandas库常见操作详解
2020/01/16 Python
通过python连接Linux命令行代码实例
2020/02/18 Python
详解python爬取弹幕与数据分析
2020/11/14 Python
同步和异步有何异同,在什么情况下分别使用他们?举例说明
2014/02/27 面试题
简述你对Statement,PreparedStatement,CallableStatement的理解
2013/03/25 面试题
房屋买卖协议书
2014/04/10 职场文书
餐饮服务食品安全责任书
2014/07/25 职场文书
2015年电话客服工作总结
2015/05/18 职场文书
详解Oracle数据库中自带的所有表结构(sql代码)
2021/11/20 Oracle
Windows11里微软已经将驱动程序安装位置A盘删除
2021/11/21 数码科技
MySQL 语句执行顺序举例解析
2022/06/05 MySQL