限制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结合html5 canvas实现(可调画笔颜色/粗细/橡皮)的涂鸦板
Apr 27 Javascript
让复选框只能选择一项的方法
Oct 08 Javascript
javascript实现checkbox复选框实例代码
Jan 10 Javascript
一种Javascript解释ajax返回的json的好方法(推荐)
Jun 02 Javascript
JS填写银行卡号每隔4位数字加一个空格
Dec 19 Javascript
JS基于面向对象实现的拖拽功能示例
Dec 20 Javascript
JS中的多态实例详解
Oct 15 Javascript
Vue2仿淘宝实现省市区三级联动
Apr 15 Javascript
解决在vue+webpack开发中出现两个或多个菜单公用一个组件问题
Nov 28 Javascript
vue.js中$set与数组更新方法
Mar 08 Javascript
JS+canvas画布实现炫酷的旋转星空效果示例
Feb 13 Javascript
vue实现移动端div拖动效果
Mar 03 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
使用Limit参数优化MySQL查询的方法
2008/11/12 PHP
php 随机排序广告的实现代码
2011/05/09 PHP
PHP setcookie设置Cookie用法(及设置无效的问题)
2011/07/13 PHP
PHP的foreach中使用引用时需要注意的一个问题和解决方法
2014/05/29 PHP
php curl批处理实现可控并发异步操作示例
2018/05/09 PHP
JS JavaScript获取Url参数,src属性参数
2021/03/09 Javascript
Aster vs KG BO3 第二场2.19
2021/03/10 DOTA
网页的标准,IMG不支持onload标签怎么办
2006/06/29 Javascript
地址栏上的一段语句,改变页面的风格。(教程)
2008/04/02 Javascript
FireFox与IE 下js兼容触发click事件的代码
2008/11/20 Javascript
javascript对象之内置对象Math使用方法
2010/04/16 Javascript
js 禁用只读文本框获得焦点时的退格键
2010/04/25 Javascript
一个简单的JavaScript数据缓存系统实现代码
2010/10/24 Javascript
jquery中ajax学习笔记一
2011/10/16 Javascript
深入学习JavaScript对象
2015/10/13 Javascript
ES6新特性之解构、参数、模块和记号用法示例
2017/04/01 Javascript
vue mintui-Loadmore结合实现下拉刷新和上拉加载示例
2017/10/12 Javascript
Angular4实现图片上传预览路径不安全的问题解决
2017/12/25 Javascript
Angular resolve基础用法详解
2018/10/03 Javascript
基于JS实现一个随机生成验证码功能
2019/05/29 Javascript
Vue学习之组件用法实例详解
2020/01/06 Javascript
vue tab滚动到一定高度,固定在顶部,点击tab切换不同的内容操作
2020/07/22 Javascript
Vue 3自定义指令开发的相关总结
2021/01/29 Vue.js
php使用递归与迭代实现快速排序示例
2014/01/23 Python
python向已存在的excel中新增表,不覆盖原数据的实例
2018/05/02 Python
selenium+python自动化测试之多窗口切换
2019/01/23 Python
python控制nao机器人身体动作实例详解
2019/04/29 Python
Django缓存系统实现过程解析
2019/08/02 Python
python将字符串转变成dict格式的实现
2019/11/18 Python
python如何代码集体右移
2020/07/20 Python
一款纯css3实现的鼠标经过按钮特效教程
2014/11/09 HTML / CSS
使用layui框架实现点击左侧导航切换右侧内容且右侧选项卡跟随变化的效果
2020/11/10 HTML / CSS
美国领先的机场停车聚合商:Airport Parking Reservations
2020/02/28 全球购物
VLAN和VPN有什么区别?分别实现在OSI的第几层?
2014/12/23 面试题
大学生活动策划方案
2014/02/10 职场文书
领导接待方案
2014/03/13 职场文书