限制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实现简单的动画效果代码
Mar 18 Javascript
Blocksit插件实现瀑布流数据无限( 异步)加载
Jun 20 Javascript
Bootstrap前端开发案例一
Jun 17 Javascript
详解Node.js:events事件模块
Nov 24 Javascript
javascript实现秒表计时器的制作方法
Feb 16 Javascript
Bootstrap的popover(弹出框)在append后弹不出(失效)
Feb 27 Javascript
Angular5.0 子组件通过service传递值给父组件的方法
Jul 13 Javascript
详解微信小程序调用支付接口支付
Apr 28 Javascript
Node 搭建一个静态资源服务器的实现
May 20 Javascript
在vue中使用vuex,修改state的值示例
Nov 08 Javascript
vue修改Element的el-table样式的4种方法
Sep 17 Javascript
微信小程序开发数据缓存基础知识辨析及运用实例详解
Nov 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连接Access数据库的注意事项
2016/08/12 PHP
PHP实现创建一个RPC服务操作示例
2020/02/23 PHP
javascript 在网页中的运用(asp.net)
2009/11/23 Javascript
jQuery-ui中自动完成实现方法
2010/06/10 Javascript
jquery中get和post的简单实例
2014/02/04 Javascript
js游戏人物上下左右跑步效果代码分享
2015/08/28 Javascript
深入浅析Node.js 事件循环
2015/12/20 Javascript
学习JavaScript设计模式之单例模式
2016/01/19 Javascript
jQuery配合coin-slider插件制作幻灯片效果的流程解析
2016/05/13 Javascript
jQuery实现图片向左向右切换效果的简单实例
2016/05/18 Javascript
Node.js中文件操作模块File System的详细介绍
2017/01/05 Javascript
Vue组件模板形式实现对象数组数据循环为树形结构(实例代码)
2017/07/31 Javascript
AngularJS实现自定义指令及指令配置项的方法
2017/11/20 Javascript
Vue.js分页组件实现:diVuePagination的使用详解
2018/01/10 Javascript
原生JS实现简单的倒计时功能示例
2018/08/30 Javascript
使用layui定义一个模块并使用的例子
2019/09/14 Javascript
vue进入页面时不在顶部,检测滚动返回顶部按钮问题及解决方法
2019/10/30 Javascript
vue中实现图片压缩 file文件的方法
2020/05/28 Javascript
Selenium执行JavaScript脚本的方法示例
2020/12/31 Javascript
详解vue3中组件的非兼容变更
2021/03/03 Vue.js
Python发送http请求解析返回json的实例
2018/03/26 Python
使用python将时间转换为指定的格式方法
2018/11/12 Python
Python实现网页截图(PyQT5)过程解析
2019/08/12 Python
python给指定csv表格中的联系人群发邮件(带附件的邮件)
2019/12/31 Python
Python开发之基于模板匹配的信用卡数字识别功能
2020/01/13 Python
python3列表删除大量重复元素remove()方法的问题详解
2021/01/04 Python
HTML5 LocalStorage 本地存储刷新值还在
2017/03/10 HTML / CSS
Peter Alexander新西兰站:澳大利亚领先的睡衣设计师品牌
2016/12/10 全球购物
什么是Linux虚拟文件系统VFS
2012/01/31 面试题
文员岗位职责
2013/11/09 职场文书
五一手机促销方案
2014/03/08 职场文书
书法大赛策划方案
2014/06/04 职场文书
丧事酒宴答谢词
2015/09/30 职场文书
幽默导游词应该怎么写?
2019/08/26 职场文书
Java实现二分搜索树的示例代码
2022/03/17 Java/Android
B站评分公认最好看的动漫,你的名字评分9.9,第六备受喜欢
2022/03/18 日漫