限制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全选checkBox功能实现代码(取消全选功能)
Dec 10 Javascript
js格式化时间和js格式化时间戳示例
Feb 10 Javascript
js+html5实现canvas绘制镂空字体文本的方法
Jun 05 Javascript
javascript删除数组重复元素的方法汇总
Jun 24 Javascript
JS数组排序技巧汇总(冒泡、sort、快速、希尔等排序)
Nov 24 Javascript
jQuery zTree加载树形菜单功能
Feb 25 Javascript
JavaScript用构造函数如何获取变量的类型名
Dec 23 Javascript
Reactjs实现通用分页组件的实例代码
Jan 19 Javascript
js实现图片360度旋转
Jan 22 Javascript
bootstrap Validator 模态框、jsp、表单验证 Ajax提交功能
Feb 17 Javascript
jQuery的ztree仿windows文件新建和拖拽功能的实现代码
Dec 05 jQuery
JavaScript原型链详解
Nov 07 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实现微信图片上传到服务器的方法示例
2017/06/29 PHP
Yii框架学习笔记之应用组件操作示例
2019/11/13 PHP
小议Function.apply() 之一------(函数的劫持与对象的复制)
2006/11/30 Javascript
javascript nextSibling 与 getNextElement(node) 使用介绍
2011/10/13 Javascript
最佳6款用于移动网站开发的jQuery 图片滑块插件小结
2012/07/20 Javascript
JS函数的定义与调用方法推荐
2016/05/12 Javascript
Js+Ajax,Get和Post在使用上的区别小结
2016/06/08 Javascript
详解Angualr 组件间通信
2017/01/21 Javascript
jquery Easyui Datagrid实现批量操作(编辑,删除,添加)
2017/02/20 Javascript
jQuery基本选择器和层次选择器学习使用
2017/02/27 Javascript
vue-router 导航钩子的具体使用方法
2017/08/31 Javascript
微信小程序实现点击文字页面跳转功能【附源码下载】
2017/12/12 Javascript
JS伪继承prototype实现方法示例
2018/06/20 Javascript
如何在js代码中消灭for循环实例详解
2018/07/29 Javascript
vue中eslintrc.js配置最详细介绍
2018/12/21 Javascript
详解vue-cli3开发Chrome插件实践
2019/05/29 Javascript
vue本地打开build后生成的dist文件夹index.html问题
2019/09/04 Javascript
python2.7删除文件夹和删除文件代码实例
2013/12/18 Python
python之PyMongo使用总结
2017/05/26 Python
Python3中_(下划线)和__(双下划线)的用途和区别
2019/04/26 Python
python实现感知机线性分类模型示例代码
2019/06/02 Python
使用Python函数进行模块化的实现
2019/11/15 Python
Python3.6 中的pyinstaller安装和使用教程
2020/03/16 Python
HTML 5.1来了 9月份正式发布 更新内容预览
2016/04/26 HTML / CSS
Stuarts London美国/加拿大:世界领先的独立男装零售商之一
2019/03/18 全球购物
法国在线药房:1001Pharmacies
2021/03/07 全球购物
高三家长寄语
2014/04/03 职场文书
公司建议书怎么写
2014/05/15 职场文书
孝老爱亲模范事迹材料
2014/05/25 职场文书
理财计划书
2014/08/14 职场文书
群众路线教育查摆剖析材料
2014/10/10 职场文书
群众路线学习心得体会范文
2014/11/05 职场文书
前台文员岗位职责
2015/02/04 职场文书
Netflix《海贼王》真人版剧集多张片场照曝光
2022/04/04 日漫
MySQL创建管理子分区
2022/04/13 MySQL
Java异常体系非正常停止和分类
2022/06/14 Java/Android