限制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代码要注意的几条规则
Sep 10 Javascript
js异步加载的三种解决方案
Mar 04 Javascript
JavaScript中发布/订阅模式的简单实例
Nov 05 Javascript
jQuery使用$.ajax提交表单完整实例
Dec 11 Javascript
微信小程序 教程之小程序配置
Oct 17 Javascript
有关suggest快速删除后仍然出现下拉列表的bug问题
Dec 02 Javascript
基于vue实现分页效果
Nov 06 Javascript
vue-cli安装使用流程步骤详解
Nov 08 Javascript
详解Angular中实现自定义组件的双向绑定的两种方法
Nov 23 Javascript
jQuery高级编程之js对象、json与ajax用法实例分析
Nov 01 jQuery
微信小程序wx.navigateTo方法里的events参数使用详情及场景
Jan 07 Javascript
详解为什么Vue中不要用index作为key(diff算法)
Apr 04 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的autoload自动加载机制使用说明
2010/12/28 PHP
浅析虚拟主机服务器php fsockopen函数被禁用的解决办法
2013/08/07 PHP
laravel-admin解决表单select联动时,编辑默认没选上的问题
2019/09/30 PHP
jQuery源码分析-04 选择器-Sizzle-工作原理分析
2011/11/14 Javascript
jquery控制左右箭头滚动图片列表的实例
2013/05/20 Javascript
在JavaScript里嵌入大量字符串常量的实现方法
2013/07/07 Javascript
js完美的div拖拽实例代码
2014/01/22 Javascript
javascript window.open打开新窗口后无法再次打开该窗口问题的解决方法
2014/04/12 Javascript
详解Bootstrap四种图片样式
2016/01/04 Javascript
微信小程序 五星评分(包括半颗星评分)实例代码
2016/12/14 Javascript
Angular4集成ng2-file-upload的上传组件
2018/03/14 Javascript
js 数组详细操作方法及解析合集
2018/06/01 Javascript
JS实现的Object数组去重功能示例【数组成员为Object对象】
2019/02/01 Javascript
深入理解JavaScript 箭头函数
2019/05/30 Javascript
bootstrap table实现iview固定列的效果实例代码详解
2019/09/30 Javascript
JS函数本身的作用域实例分析
2020/03/16 Javascript
[02:45]2016年中国刀塔全程回顾,完美“圣”典即将上演
2016/12/15 DOTA
Python IDE PyCharm的基本快捷键和配置简介
2015/11/04 Python
python实现生命游戏的示例代码(Game of Life)
2018/01/24 Python
基于python绘制科赫雪花
2018/06/22 Python
pygame游戏之旅 python和pygame安装教程
2018/11/20 Python
pygame游戏之旅 调用按钮实现游戏开始功能
2018/11/21 Python
Python 串口读写的实现方法
2019/06/12 Python
Pycharm导入anaconda环境的教程图解
2020/07/31 Python
python 实现ping测试延迟的两种方法
2020/12/10 Python
windows系统Tensorflow2.x简单安装记录(图文)
2021/01/18 Python
10个很棒的 CSS3 开发工具 推荐
2011/05/16 HTML / CSS
移动web模拟客户端实现多方框输入密码效果【附代码】
2016/03/25 HTML / CSS
linux面试题参考答案(10)
2013/11/04 面试题
顶撞老师检讨书
2014/02/07 职场文书
中式结婚主持词
2014/03/14 职场文书
汽车4S店销售经理岗位职责
2015/04/02 职场文书
项目经理助理岗位职责
2015/04/13 职场文书
一个独生女的故事观后感
2015/06/04 职场文书
甜美蛋糕店的创业计划书模板,拿来即用!
2019/08/21 职场文书
JavaScript实现班级抽签小程序
2021/05/19 Javascript