限制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 相关文章推荐
javascript 10进制和62进制的相互转换
Jul 31 Javascript
jQuery移除tr无效的解决方法(tr是动态添加)
Sep 22 Javascript
基于RequireJS和JQuery的模块化编程——常见问题全面解析
Apr 14 Javascript
js仿淘宝和百度文库的评分功能
May 15 Javascript
js删除Array数组中指定元素的两种方法
Aug 03 Javascript
React实现双向绑定示例代码
Sep 19 Javascript
JavaScript 判断一个对象{}是否为空对象的简单方法
Oct 09 Javascript
AngularJS 在同一个界面启动多个ng-app应用模块详解
Dec 20 Javascript
jQuery实现三级联动效果
Mar 02 Javascript
ionic2 tabs 图标自定义实例
Mar 08 Javascript
详解angularJS动态生成的页面中ng-click无效解决办法
Jun 19 Javascript
如何基于JS截获动态代码
Dec 25 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
ThinkPHP做文字水印时提示call an undefined function exif_imagetype()解决方法
2014/10/30 PHP
PHP中把对象转换为关联数组代码分享
2015/04/09 PHP
php正则preg_replace_callback函数用法实例
2015/06/01 PHP
Yii2第三方类库插件Imagine的安装和使用
2017/07/06 PHP
node.js中的events.emitter.removeAllListeners方法使用说明
2014/12/10 Javascript
node.js中的http.response.getHeader方法使用说明
2014/12/14 Javascript
不使用ajax实现无刷新提交表单
2014/12/21 Javascript
jQuery中ajax的load()与post()方法实例详解
2016/01/05 Javascript
BootStrap中按钮点击后被禁用按钮的最佳实现方法
2016/09/23 Javascript
不间断循环滚动效果的实例代码(必看篇)
2016/10/08 Javascript
JavaScript获取URL中参数querystring的方法详解
2016/10/11 Javascript
怎样判断jQuery当前元素是隐藏还是显示
2016/11/23 Javascript
node.js程序作为服务并在windows下开机自启动(用forever)
2017/03/29 Javascript
React 组件间的通信示例
2018/06/14 Javascript
浅谈Vue服务端渲染框架Nuxt的那些事
2018/12/21 Javascript
vue动态路由:路由参数改变,视图不更新问题的解决
2019/11/05 Javascript
python文件和目录操作方法大全(含实例)
2014/03/12 Python
Python检测QQ在线状态的方法
2015/05/09 Python
python使用分治法实现求解最大值的方法
2015/05/12 Python
21行Python代码实现拼写检查器
2016/01/25 Python
Python自动化运维之IP地址处理模块详解
2017/12/10 Python
python 对txt中每行内容进行批量替换的方法
2018/07/11 Python
2019 Python最新面试题及答案16道题
2019/04/11 Python
戴尔英国翻新电脑和电子产品:Dell UK Refurbished Computers
2019/07/30 全球购物
数据库基础的一些面试题
2012/02/25 面试题
外贸业务员求职信范文
2013/12/12 职场文书
《两个铁球同时着地》教学反思
2014/02/13 职场文书
运动会通讯稿150字
2014/02/15 职场文书
机关保密承诺书
2014/06/03 职场文书
高中校园广播稿
2014/10/21 职场文书
2015年大学生实习评语
2015/03/25 职场文书
新教师2015年度工作总结
2015/07/22 职场文书
入党申请书怎么写?
2019/06/11 职场文书
Python 中的Sympy详细使用
2021/08/07 Python
利用Python实现翻译HTML中的文本字符串
2022/06/21 Python
彻底卸载VMware虚拟机的超详细步骤记录
2022/07/15 Servers