限制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 相关文章推荐
js控制的遮罩层实例介绍
May 29 Javascript
thinkphp中常用的系统常量和系统变量
Mar 05 Javascript
Javascript堆排序算法详解
Dec 03 Javascript
javascript实现的固定位置悬浮窗口实例
Apr 30 Javascript
javascript实现类似百度分享功能的方法
Jul 27 Javascript
cocos2dx骨骼动画Armature源码剖析(三)
Sep 08 Javascript
jQuery添加和删除输入文本框标签代码
May 20 Javascript
Javascript对象字面量的理解
Jun 22 Javascript
Ajax验证用户名或昵称是否已被注册
Apr 05 Javascript
微信小程序自定义组件的实现方法及自定义组件与页面间的数据传递问题
Oct 09 Javascript
通过layer实现可输入的模态框的例子
Sep 27 Javascript
vue中keep-alive内置组件缓存的实例代码
Apr 16 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 array_merge下进行数组合并的代码
2008/07/22 PHP
PHP提示Cannot modify header information - headers already sent by解决方法
2014/09/22 PHP
php获取文件后缀的9种方法
2016/03/22 PHP
Yii多表联合查询操作详解
2016/06/02 PHP
用jquery与css打造个性化的单选框和复选框
2010/10/20 Javascript
jQuery.buildFragment使用方法及思路分析
2013/01/07 Javascript
图片Slider 带左右按钮的js示例
2013/08/30 Javascript
自己动手手写jQuery插件总结
2015/01/20 Javascript
微信js-sdk地理位置接口用法示例
2016/10/12 Javascript
利用jquery实现实时更新歌词的方法
2017/01/06 Javascript
ie下js不执行的几种可能
2017/02/28 Javascript
AngularJS之页面跳转Route实例代码
2017/03/10 Javascript
Bootstrap标签页(Tab)插件使用方法
2017/03/21 Javascript
bootstrap table实现单击单元格可编辑功能
2017/03/28 Javascript
Node.js 使用递归实现遍历文件夹中所有文件
2017/09/18 Javascript
Vue封装一个简单轻量的上传文件组件的示例
2018/03/21 Javascript
react-native 圆弧拖动进度条实现的示例代码
2018/04/12 Javascript
node.js部署之启动后台运行forever的方法
2018/05/23 Javascript
nodejs对项目下所有空文件夹创建gitkeep的方法
2019/08/02 NodeJs
使用Typescript和ES模块发布Node模块的方法
2020/05/25 Javascript
python获取当前日期和时间的方法
2015/04/30 Python
python subprocess 杀掉全部派生的子进程方法
2017/01/16 Python
Python操作mongodb数据库进行模糊查询操作示例
2018/06/09 Python
python爬虫之验证码篇3-滑动验证码识别技术
2019/04/11 Python
python误差棒图errorbar()函数实例解析
2020/02/11 Python
python实现密码强度校验
2020/03/18 Python
keras的siamese(孪生网络)实现案例
2020/06/12 Python
Python3+Django get/post请求实现教程详解
2021/02/16 Python
Book Depository亚太地区:一家领先的国际图书零售商
2019/05/05 全球购物
大学生应聘自荐信
2013/10/11 职场文书
司马光教学反思
2014/02/01 职场文书
《凡卡》教学反思
2014/04/09 职场文书
股东合作协议书
2014/04/14 职场文书
高一学生期末评语
2014/04/25 职场文书
4S店销售内勤岗位职责
2015/04/13 职场文书
导游词之开封禹王台风景区
2019/12/02 职场文书