限制textbox或textarea输入字符长度的JS代码


Posted in Javascript onOctober 16, 2013
<script language=javascript> 
<!-- String.prototype.len=function(){ 
return this.replace(/[^\x00-\xff]/g,"**").length; 
} 
//Set maxlength for multiline TextBox 
function setMaxLength(object,length) 
{ 
var result = true; 
var controlid = document.selection.createRange().parentElement().id; 
var controlValue = document.selection.createRange().text; 
if (controlid == object.id && controlValue != "") 
{ 
result = true; 
} 
else if (object.value.len() >= length) 
{ 
result = false; 
} 
if (window.event) 
{ 
window.event.returnValue = result; 
return result; 
} 
} 
//Check maxlength for multiline TextBox when paste 
function limitPaste(object,length) 
{ 
var tempLength = 0; 
if(document.selection) 
{ 
if(document.selection.createRange().parentElement().id == object.id) 
{ 
tempLength = document.selection.createRange().text.len(); 
} 
} 
var tempValue = window.clipboardData.getData("Text"); 
tempLength = object.value.len() + tempValue.len() - tempLength; 
if (tempLength > length) 
{ 
tempLength -= length; 
//alert(tempLength); 
//alert(tempValue); 
var tt=""; 
for(var i=0;i<tempValue.len()-tempLength;i++) 
{ 
if(tt.len()<(tempValue.len()-tempLength)) 
tt=tempValue.substr(0,i+1); 
else 
break; 
} 
tempValue=tt; 
window.clipboardData.setData("Text", tempValue); 
} 
window.event.returnValue = true; 
} 
//--> 
</script>

然后设多行的textbox或textarea的2个属性.
onkeypress="javascript:setMaxLength(this,100);" onpaste="limitPaste(this, 100)"
现在好了,可以自动区分中英文了,这个方案不错,供大家分享
Javascript 相关文章推荐
JQuery Tips(2) 关于$()包装集你不知道的
Dec 14 Javascript
JavaScript获取onclick、onchange等事件值的代码
Jul 22 Javascript
根据当前时间在jsp页面上显示上午或下午
Aug 18 Javascript
javascript实现控制的多级下拉菜单
Jul 05 Javascript
通过jquery-ui中的sortable来实现拖拽排序的简单实例
May 24 Javascript
JQuery 设置checkbox值二次无效的解决方法
Jul 22 Javascript
iOS和Android用同一个二维码实现跳转下载链接的方法
Sep 28 Javascript
JS多物体实现缓冲运动效果示例
Dec 20 Javascript
微信小程序开发之改变data中数组或对象的某一属性值
Jul 05 Javascript
Javascript实现动态时钟效果
Nov 17 Javascript
JS原生瀑布流效果实现
Apr 26 Javascript
微信小程序中的上拉、下拉菜单功能
Mar 13 Javascript
父元素与子iframe相互获取变量和元素对象的具体实现
Oct 15 #Javascript
纯Javascript实现Windows 8 Metro风格实现
Oct 15 #Javascript
自定义ExtJS控件之下拉树和下拉表格附源码
Oct 15 #Javascript
Javascript 实现的数独解题算法网页实例
Oct 15 #Javascript
高效的获取当前元素是父元素的第几个子元素
Oct 15 #Javascript
JS 实现点击a标签的时候让其背景更换
Oct 15 #Javascript
JS操作Cookies的小例子
Oct 15 #Javascript
You might like
PHP屏蔽蜘蛛访问代码及常用搜索引擎的HTTP_USER_AGENT
2013/03/06 PHP
定义php常量的详解
2013/06/09 PHP
php根据日期显示所在星座的方法
2015/07/13 PHP
php微信公众平台开发(四)回复功能开发
2016/12/06 PHP
PHP中模糊查询并关联三个select框
2017/06/19 PHP
php-fpm服务启动脚本的方法
2018/04/27 PHP
javascript 词法作用域和闭包分析说明
2010/08/12 Javascript
js获取日期:昨天今天和明天、后天
2014/06/11 Javascript
解决wx.onMenuShareTimeline出现的问题
2016/08/16 Javascript
原生JS实现瀑布流插件
2018/02/06 Javascript
微信小程序地图导航功能实现完整源代码附效果图(推荐)
2019/04/28 Javascript
Node.js中Koa2在控制台输出请求日志的方法示例
2019/05/02 Javascript
vue中的v-if和v-show的区别详解
2019/09/01 Javascript
Vue 利用指令实现禁止反复发送请求的两种方法
2019/09/15 Javascript
JS原型和原型链原理与用法实例详解
2020/02/05 Javascript
vue瀑布流组件实现上拉加载更多
2020/03/10 Javascript
[53:21]2014 DOTA2国际邀请赛中国区预选赛5.21 DT VS LGD-CDEC
2014/05/22 DOTA
[56:46]Liquid vs IG 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
python实现向ppt文件里插入新幻灯片页面的方法
2015/04/28 Python
Python3实现发送QQ邮件功能(附件)
2020/12/23 Python
Django中STATIC_ROOT和STATIC_URL及STATICFILES_DIRS浅析
2018/05/08 Python
python画图系列之个性化显示x轴区段文字的实例
2018/12/13 Python
python实现对输入的密文加密
2019/03/20 Python
使用python实现简单五子棋游戏
2019/06/18 Python
用python生成(动态彩色)二维码的方法(使用myqr库实现)
2019/06/24 Python
PyQt Qt Designer工具的布局管理详解
2019/08/07 Python
opencv 获取rtsp流媒体视频的实现方法
2019/08/23 Python
浅谈numpy中np.array()与np.asarray的区别以及.tolist
2020/06/03 Python
Ralph Lauren拉夫·劳伦美国官网:带有浓郁美国气息的高品味时装品牌
2017/11/01 全球购物
设计4个线程,其中两个线程每次对j增加1,另外两个线程对j每次减少1。写出程序。
2014/12/30 面试题
财务检查整改报告
2014/11/06 职场文书
法律讲堂观后感
2015/06/11 职场文书
小学英语教学随笔
2015/08/14 职场文书
2019财务转正述职报告
2019/06/27 职场文书
python中opencv实现图片文本倾斜校正
2021/06/11 Python
Sql Server 行数据的某列值想作为字段列显示的方法
2022/04/20 SQL Server