限制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 validate使用攻略 第四步
Jul 01 Javascript
jquery radio 操作代码
Mar 16 Javascript
jquery制作 随机弹跳的小球特效
Feb 01 Javascript
基于jQuery Ajax实现上传文件
Mar 24 Javascript
详细解读Jquery各Ajax函数($.get(),$.post(),$.ajax(),$.getJSON())
Aug 15 Javascript
JS简单实现无缝滚动效果实例
Aug 24 Javascript
vue2组件实现懒加载浅析
Mar 29 Javascript
Vue ElementUi同时校验多个表单(巧用new promise)
Jun 06 Javascript
jQuery属性选择器用法实例分析
Jun 28 jQuery
JS XMLHttpRequest原理与使用方法深入详解
Apr 30 Javascript
使用jquery实现轮播图效果
Jan 02 jQuery
使用Canvas绘制一个游戏人物属性图
Mar 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
php漏洞之跨网站请求伪造与防止伪造方法
2013/08/15 PHP
Yii2实现多域名跨域同步登录退出
2017/02/04 PHP
ThinkPHP5.1框架数据库链接和增删改查操作示例
2019/08/03 PHP
js继承 Base类的源码解析
2008/12/30 Javascript
文件编码导致jquery失效的解决方法
2013/06/26 Javascript
JavaScript模拟重力状态下抛物运动的方法
2015/03/03 Javascript
浅析Node.js中使用依赖注入的相关问题及解决方法
2015/06/24 Javascript
javascript实现网页子页面遍历回调的方法(涉及 window.frames、递归函数、函数上下文)
2015/07/27 Javascript
jQuery+css3实现文字跟随鼠标的上下抖动
2015/07/31 Javascript
jQuery Ajax 上传文件处理方式介绍(推荐)
2016/06/30 Javascript
JavaScript实现无穷滚动加载数据
2017/05/06 Javascript
node.js+captchapng+jsonwebtoken实现登录验证示例
2017/08/17 Javascript
解析Angular 2+ 样式绑定方式
2018/01/15 Javascript
详解微信小程序审核不通过的解决方法
2018/01/17 Javascript
vue中,在本地缓存中读写数据的方法
2018/09/21 Javascript
详解JavaScript原生封装ajax请求和Jquery中的ajax请求
2019/02/14 jQuery
vue element-ui读取pdf文件的方法
2019/11/26 Javascript
Vue 简单实现前端权限控制的示例
2020/12/25 Vue.js
[03:54]DOTA2英雄梦之声_第06期_昆卡
2014/06/23 DOTA
Python获取CPU、内存使用率以及网络使用状态代码
2018/02/08 Python
python实现共轭梯度法
2019/07/03 Python
Python多线程获取返回值代码实例
2020/02/17 Python
Pyside2中嵌入Matplotlib的绘图的实现
2021/02/22 Python
canvas 实现 github404动态效果的示例代码
2017/11/15 HTML / CSS
俄罗斯在线大型超市:ТутПросто
2021/01/08 全球购物
Tea Collection官网:一家位于旧金山的童装公司
2020/08/07 全球购物
STP协议的主要用途是什么?为什么要用STP
2012/12/20 面试题
解约证明模板
2015/06/19 职场文书
总经理年会致辞
2015/07/29 职场文书
小学生禁毒教育心得体会
2016/01/15 职场文书
小学语文的各类谚语(70首)
2019/08/15 职场文书
Python爬虫之爬取哔哩哔哩热门视频排行榜
2021/04/28 Python
解析在浏览器地址栏输入一个URL后发生了什么
2021/06/21 Servers
微软Win11什么功能最惊艳? Windows11新功能特性汇总
2021/11/21 数码科技
在vue中import()语法不能传入变量的问题及解决
2022/04/01 Vue.js
muduo TcpServer模块源码分析
2022/04/26 Redis