最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

jQuery操作textarea输入字数限制

来源:动视网 责编:小采 时间:2020-11-27 19:53:01
文档

jQuery操作textarea输入字数限制

jQuery操作textarea输入字数限制:这次给大家带来jQuery操作textarea输入字数限制,jQuery操作textarea输入字数限制的注意事项有哪些,下面就是实战案例,一起来看一下。//先判断浏览器是不是万恶的IE var bind_name = 'input';//默认事件 if (navigator.us
推荐度:
导读jQuery操作textarea输入字数限制:这次给大家带来jQuery操作textarea输入字数限制,jQuery操作textarea输入字数限制的注意事项有哪些,下面就是实战案例,一起来看一下。//先判断浏览器是不是万恶的IE var bind_name = 'input';//默认事件 if (navigator.us


这次给大家带来jQuery操作textarea输入字数限制,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;
 }
 }
 }
 })

相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

推荐阅读:

jQuery操作背景颜色渐变动画效果

jQuery插件FusionCharts绘制饼状图

jquery实现非动态搜索

文档

jQuery操作textarea输入字数限制

jQuery操作textarea输入字数限制:这次给大家带来jQuery操作textarea输入字数限制,jQuery操作textarea输入字数限制的注意事项有哪些,下面就是实战案例,一起来看一下。//先判断浏览器是不是万恶的IE var bind_name = 'input';//默认事件 if (navigator.us
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top