限制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基于ajax实现带动画效果无刷新柱状图投票代码
Aug 10 Javascript
11种ASP连接数据库的方法
Sep 18 Javascript
原生js编写autoComplete插件
Apr 13 Javascript
jQuery自定义图片缩放拖拽插件imageQ实现方法(附demo源码下载)
May 27 Javascript
前端框架Vue.js构建大型应用浅析
Sep 12 Javascript
详解JS去重及字符串奇数位小写转大写
Dec 29 Javascript
javascript+css3开发打气球小游戏完整代码
Nov 28 Javascript
vue2 mint-ui loadmore实现下拉刷新,上拉更多功能
Mar 21 Javascript
vue axios 给生产环境和发布环境配置不同的接口地址(推荐)
May 08 Javascript
解决jQuery使用append添加的元素事件无效的问题
Aug 30 jQuery
Vue.js 中的 v-cloak 指令及使用详解
Nov 19 Javascript
vue 父组件中调用子组件函数的方法
Jun 06 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安装全攻略:APACHE
2006/10/09 PHP
php实现数组纵向转横向并过滤重复值的方法分析
2017/05/29 PHP
PHP判断是否是微信打开,浏览器打开的方法
2018/03/14 PHP
针对thinkPHP5框架存储过程bug重写的存储过程扩展类完整实例
2018/06/16 PHP
jquery ajax 检测用户注册时用户名是否存在
2009/11/03 Javascript
使用delegate方法为一个tr标签加一个链接
2014/06/27 Javascript
js实现仿Windows风格选项卡和按钮效果实例
2015/05/13 Javascript
基于javascript数组实现图片轮播
2016/05/02 Javascript
node.js中实现kindEditor图片上传功能的方法教程
2017/04/26 Javascript
vue 自定义指令自动获取文本框焦点的方法
2018/08/25 Javascript
vue 点击按钮实现动态挂载子组件的方法
2018/09/07 Javascript
Vue监听数据渲染DOM完以后执行某个函数详解
2018/09/11 Javascript
jQuery实现左右两个列表框的内容相互移动功能示例
2019/01/27 jQuery
详解小程序开发经验:多页面数据同步
2019/05/18 Javascript
jQuery表单选择器用法详解
2019/08/22 jQuery
JS操作字符串转数字的常见方法示例
2019/10/29 Javascript
基于JavaScript实现简单抽奖功能代码实例
2020/10/20 Javascript
[26:40]DOTA2上海特级锦标赛A组资格赛#1 Secret VS MVP.Phx第一局
2016/02/25 DOTA
Python写的一个定时重跑获取数据库数据
2016/12/28 Python
python 系统调用的实例详解
2017/07/11 Python
PyQt 图解Qt Designer工具的使用方法
2019/08/06 Python
python sorted方法和列表使用解析
2019/11/18 Python
把vgg-face.mat权重迁移到pytorch模型示例
2019/12/27 Python
通过python调用adb命令对App进行性能测试方式
2020/04/23 Python
python3爬虫GIL修改多线程实例讲解
2020/11/24 Python
阿玛瑞酒店中文官方网站:Amari.com
2018/02/13 全球购物
英国领先的野生鸟类食品供应商:GardenBird
2018/08/09 全球购物
什么是典型的软件三层结构?软件设计为什么要分层?软件分层有什么好处?
2012/03/14 面试题
儿子婚宴答谢词
2014/01/09 职场文书
施工安全汇报材料
2014/08/17 职场文书
租房安全协议书
2014/08/20 职场文书
财务整改报告范文
2014/11/05 职场文书
任长霞观后感
2015/06/16 职场文书
2015最新婚礼司仪主持词
2015/06/30 职场文书
如何写好开幕词?
2019/06/24 职场文书
Python list列表删除元素的4种方法
2021/11/01 Python