限制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 相关文章推荐
JSON 编辑器实现代码
Dec 06 Javascript
jQuery图片播放8款精美插件分享
Feb 17 Javascript
JS中怎样判断undefined(比较不错的方法)
Mar 27 Javascript
jQuery源码解读之hasClass()方法分析
Feb 20 Javascript
javascript实现类似于新浪微博搜索框弹出效果的方法
Jul 27 Javascript
jQuery中使用animate自定义动画的方法
May 29 Javascript
jquery删除table当前行的实例代码
Oct 07 Javascript
JS实现快速的导航下拉菜单动画效果附源码下载
Nov 01 Javascript
详解vue嵌套路由-query传递参数
May 23 Javascript
jQuery中可见性过滤器简单用法示例
Mar 31 jQuery
Layui Form 自定义验证的实例代码
Sep 14 Javascript
JavaScript实现复选框全选功能
Apr 11 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获取ip的三个属性区别介绍(HTTP_X_FORWARDED_FOR,HTTP_VIA,REMOTE_ADDR)
2012/09/23 PHP
深入PHP购物车模块功能分析(函数讲解,附源码)
2013/06/25 PHP
WAMP环境中扩展oracle函数库(oci)
2015/06/26 PHP
详解json在php中的应用
2018/09/30 PHP
Javascript读取cookie函数代码
2010/10/16 Javascript
js异常捕获方法介绍
2013/04/10 Javascript
深入理解Javascript动态方法调用与参数修改的问题
2013/12/10 Javascript
如何根据百度地图计算出两地之间的驾驶距离(两种语言js和C#)
2015/10/29 Javascript
html+js实现简单的计算器代码(加减乘除)
2016/07/12 Javascript
headjs实现网站并行加载但顺序执行JS
2016/11/29 Javascript
原生js实现可拖动的登录框效果
2017/01/21 Javascript
Vue.js之slot深度复制详解
2017/03/10 Javascript
JavaScript高级函数应用之分时函数实例分析
2018/08/03 Javascript
bootstrap里bootstrap动态加载下拉框的实例讲解
2018/08/10 Javascript
详解a标签添加onclick事件的几种方式
2019/03/29 Javascript
微信小程序遍历Echarts图表实现多个饼图
2019/04/25 Javascript
微信小程序用户授权,以及判断登录是否过期的方法
2019/05/10 Javascript
微信小程序实现传递多个参数与事件处理
2019/08/12 Javascript
Python转换时间的图文方法
2019/07/01 Python
wxpython+pymysql实现用户登陆功能
2019/11/19 Python
Python 3 使用Pillow生成漂亮的分形树图片
2019/12/24 Python
python使用自定义钉钉机器人的示例代码
2020/06/24 Python
Python爬虫开发与项目实战
2020/12/16 Python
Sneaker Studio匈牙利:购买运动鞋
2018/03/26 全球购物
洛杉矶健身中心女性专用运动服饰品牌:Marika
2018/05/09 全球购物
Lululemon英国官网:加拿大瑜伽服装品牌
2019/01/14 全球购物
Ajax请求总共有多少种Callback
2016/07/17 面试题
银行柜员应聘推荐信范文
2013/11/24 职场文书
编辑硕士自荐信范文
2013/11/27 职场文书
生产内勤岗位职责
2013/12/07 职场文书
大学生职业生涯规划书模版
2013/12/30 职场文书
高中家长寄语
2014/04/02 职场文书
公安交警个人对照检查材料思想汇报
2014/10/01 职场文书
银行稽核岗位职责
2015/04/13 职场文书
组织委员竞选稿
2015/11/21 职场文书
高中班主任寄语
2019/06/21 职场文书