JS简单限制textarea内输入字符数量的方法


Posted in Javascript onOctober 14, 2015

本文实例讲述了JS简单限制textarea内输入字符数量的方法。分享给大家供大家参考。具体如下:

这里演示JS限制一个area内的字符不能超过255,多余则截取。

代码如下:

<script> 
function getStringUTFLength(str) { 
 var value = str.replace(/[\u4e00-\u9fa5]/g," ");
 //将汉字替换为两个空格
 return value.length; 
} 
function leftUTFString(str,len) { 
 if(getStringUTFLength(str)<=len) { 
  return str; 
 }
 var value = str.substring(0,len); 
 while(getStringUTFLength(value)>len) { 
  value = value.substring(0,value.length-1); 
 } 
 return value; 
} 
function count() { 
 var len=255;
 var value = document.getElementById("licenseother").value; 
 if(getStringUTFLength(value)>=len) {  
  document.getElementById("licenseother").value = leftUTFString(document.getElementById("licenseother").value,len); 
 } 
 document.getElementById("result").value = len-getStringUTFLength(document.getElementById("licenseother").value); 
} 
</script> 
<table width="100%"> 
 <tr>
  <td> 
   <textarea cols=100 rows=4 id="licenseother" onkeypress="count()" onkeyup="count()" onblur="count();" onChange="count();"></textarea> 
  </td>
 </tr> 
 <tr>
  <td> 
   本输入框限制输入255个字符(汉字计算为2个字符)  剩余字符数:
   <input readonly type="text" size="3" id="result" value="255"> 
  </td>
 </tr> 
</table>

希望本文所述对大家的JavaScript程序设计有所帮助。

Javascript 相关文章推荐
javascript中获取下个月一号,是星期几
Jun 01 Javascript
js中document.write使用过程中的一点疑问解答
Mar 20 Javascript
在for循环中length值是否需要缓存
Jul 27 Javascript
基于jquery实现一个滚动的分步注册向导-附源码
Aug 26 Javascript
理解JavaScript原型链
Oct 25 Javascript
jQuery 插件封装的方法
Nov 16 Javascript
vue组件实例解析
Jan 10 Javascript
js求数组中全部数字可拼接出的最大整数示例代码
Aug 25 Javascript
在node环境下parse Smarty模板的使用示例代码
Nov 15 Javascript
Vue父组件向子组件传值以及data和props的区别详解
Mar 02 Javascript
vue3.0中使用element的完整步骤
Mar 04 Vue.js
TS 类型兼容教程示例详解
Sep 23 Javascript
Node.js与Sails ~项目结构与Mvc实现及日志机制
Oct 14 #Javascript
浅析四种常见的Javascript声明循环变量的书写方式
Oct 14 #Javascript
浅谈angular.js中实现双向绑定的方法$watch $digest $apply
Oct 14 #Javascript
JS更改select内option属性的方法
Oct 14 #Javascript
JavaScript+CSS实现仿Mootools竖排弹性动画菜单效果
Oct 14 #Javascript
JS实现的最简Table选项卡效果
Oct 14 #Javascript
JS仿淘宝实现的简单滑动门效果代码
Oct 14 #Javascript
You might like
使用MaxMind 根据IP地址对访问者定位
2006/10/09 PHP
5.PHP的其他功能
2006/10/09 PHP
对PHP语言认识上需要避免的10大误区
2014/06/12 PHP
PHP中模拟链表和链表的基本操作示例
2016/02/27 PHP
YII Framework教程之异常处理详解
2016/03/14 PHP
php头像上传预览实例代码
2017/05/02 PHP
jQuery ctrl+Enter shift+Enter实现代码
2010/02/07 Javascript
jQuery getJSON()+.ashx 实现分页(改进版)
2013/03/28 Javascript
如何在一个页面显示多个百度地图
2013/04/07 Javascript
用显卡加速,轻松把笔记本打造成取暖器的办法!
2013/04/17 Javascript
JQuery异步获取返回值中文乱码的解决方法
2015/01/29 Javascript
JavaScript中原型和原型链详解
2015/02/11 Javascript
jQuery Validate验证表单时多个name相同的元素只验证第一个的解决方法
2016/12/24 Javascript
jquery表单验证插件validation使用方法详解
2017/01/20 Javascript
javascript数组去重常用方法实例分析
2017/04/11 Javascript
JavaWeb表单及时验证功能在输入后立即验证(含用户类型,性别,爱好...的验证)
2017/06/09 Javascript
小程序视频列表中视频的播放与停止的示例代码
2018/07/20 Javascript
Vue中图片Src使用变量的方法
2019/10/30 Javascript
简单了解JavaScript sort方法
2019/11/25 Javascript
[01:06]欢迎来到上海,TI9
2018/08/26 DOTA
使用Python将数组的元素导出到变量中(unpacking)
2016/10/27 Python
Python基础教程之tcp socket编程详解及简单实例
2017/02/23 Python
Python内置函数—vars的具体使用方法
2017/12/04 Python
在Python中使用gRPC的方法示例
2018/08/08 Python
Python的iOS自动化打包实例代码
2018/11/22 Python
python3.6编写的单元测试示例
2019/08/17 Python
python mqtt 客户端的实现代码实例
2019/09/25 Python
详解Python中list[::-1]的几种用法
2020/11/16 Python
使用Python+Appuim 清理微信的方法
2021/01/26 Python
如何写一个自定义标签
2012/12/28 面试题
历史教育专业个人求职信
2013/12/13 职场文书
英语四级考试作弊检讨书
2014/09/29 职场文书
走进毛泽东观后感
2015/06/04 职场文书
穆斯林的葬礼读书笔记
2015/06/26 职场文书
女性健康知识讲座主持词
2015/07/04 职场文书
《火纹风花雪月无双》预告“神秘雇佣兵” 紫发剑客
2022/04/13 其他游戏