限制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实现检测指定目录是否存在的方法
Jan 12 Javascript
JavaScript高级程序设计 阅读笔记(七) ECMAScript中的语句
Feb 27 Javascript
关于extjs treepanel复选框选中父节点与子节点的问题
Apr 02 Javascript
javascript异步处理工作机制详解
Apr 13 Javascript
使用AngularJS处理单选框和复选框的简单方法
Jun 19 Javascript
利用jQuery和CSS将背景图片拉伸
Oct 16 Javascript
js制作网站首页图片轮播特效代码
Aug 30 Javascript
浅谈jquery.form.js的ajaxSubmit和ajaxForm的使用
Sep 09 Javascript
微信小程序 页面传参实例详解
Nov 16 Javascript
使用vue和datatables进行表格的服务器端分页实例代码
Jun 07 Javascript
vue-resource调用promise取数据方式详解
Jul 21 Javascript
vue watch监控对象的简单方法示例
Jan 07 Vue.js
父元素与子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
Search File Contents PHP 搜索目录文本内容的代码
2010/02/21 PHP
jQuery formValidator表单验证插件开源了 含API帮助、源码、示例
2008/08/14 Javascript
为Extjs加加速(javascript加速)
2010/08/19 Javascript
Extjs根据条件设置表格某行背景色示例
2014/07/23 Javascript
json实现前后台的相互传值详解
2015/01/05 Javascript
JQuery.validate在ie8下不支持的快速解决方法
2016/05/18 Javascript
AngularJS基础 ng-mouseenter 指令示例代码
2016/08/02 Javascript
Vue.js每天必学之内部响应式原理探究
2016/09/07 Javascript
Bootstrap select下拉联动(jQuery cxselect)
2017/01/04 Javascript
详解NODEJS的http实现
2018/01/04 NodeJs
详解Node.js异步处理的各种写法
2019/06/09 Javascript
原生js实现随机点名功能
2019/11/05 Javascript
Vue实现 点击显示再点击隐藏效果(点击页面空白区域也隐藏效果)
2020/01/16 Javascript
[02:56]《DAC最前线》之国外战队抵达上海备战亚洲邀请赛
2015/01/28 DOTA
基于Python的PIL库学习详解
2019/05/10 Python
python3实现高效的端口扫描
2019/08/31 Python
Python openpyxl读取单元格字体颜色过程解析
2019/09/03 Python
python 控制台单行刷新,多行刷新实例
2020/02/19 Python
Python搭建Keras CNN模型破解网站验证码的实现
2020/04/07 Python
简单了解python shutil模块原理及使用方法
2020/04/28 Python
python用opencv 图像傅里叶变换
2021/01/04 Python
HTML5中图片之间的缝隙完美解决方法
2017/07/07 HTML / CSS
英国在线定做百叶窗网站:Make My Blinds
2020/08/17 全球购物
土木工程毕业生自荐信
2013/11/12 职场文书
暑期实习鉴定
2013/12/16 职场文书
建筑工程专业学生的自我评价
2013/12/25 职场文书
项目投资意向书
2014/04/01 职场文书
中介业务员岗位职责
2014/04/09 职场文书
《三个小伙伴》教学反思
2014/04/11 职场文书
高中运动会广播稿
2014/09/16 职场文书
践行党的群众路线心得体会
2014/11/05 职场文书
年度考核表个人总结
2015/03/06 职场文书
2016年教代会开幕词
2016/03/04 职场文书
2016年基层党组织创先争优承诺书
2016/03/25 职场文书
python中如何对多变量连续赋值
2021/06/03 Python
Nginx隐藏式跳转(浏览器URL跳转后保持不变)
2022/04/07 Servers