限制textbox或textarea输入字符长度的JS代码

 更新时间:2013年10月16日 08:34:05   作者:  
textbox或textarea的输入字符限制有很多方法,在本将为大家详细介绍下js中时如何实现的,感兴趣的朋友不要错过
复制代码 代码如下:

<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)"
现在好了,可以自动区分中英文了,这个方案不错,供大家分享

相关文章

  • JS常见问题整理(持续更新)

    JS常见问题整理(持续更新)

    JS常见问题在开发过程中会经常遇到过,本文整理了一些实际开发中存在的问题,晒出来与大家一起分享,感兴趣的朋友可以参考下,希望对大家有所帮助
    2013-08-08
  • JavaScript封装弹框插件的方法

    JavaScript封装弹框插件的方法

    这篇文章主要为大家详细介绍了JavaScript封装弹框插件的方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-08-08
  • 基于JavaScript 性能优化技巧心得(分享)

    基于JavaScript 性能优化技巧心得(分享)

    下面小编就为大家分享一篇基于JavaScript 性能优化技巧心得,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2017-12-12
  • babel的使用及安装配置教程

    babel的使用及安装配置教程

    babel是一个广泛使用的转码器,可以将ES6代码转化为ES5代码,从而在现有环境执行。这篇文章主要介绍了babel的使用以及安装配置,需要的朋友可以参考下
    2018-02-02
  • JavaScript原生开发视频播放器的实现代码

    JavaScript原生开发视频播放器的实现代码

    这篇文章我们将一起探索一份自定义的视频播放器实现代码,甚至还可以实现有弹幕功能,文中的示例代码讲解详细,感兴趣的可以了解一下
    2023-06-06
  • 取得窗口大小 兼容所有浏览器的js代码

    取得窗口大小 兼容所有浏览器的js代码

    我们首先把window.innerWidth和window.innerHeight的值分别付给了pageWidth和pageHeight。
    2011-08-08
  • 如何用js实现判断是否是小数

    如何用js实现判断是否是小数

    这篇文章主要给大家介绍了关于如何用js实现判断是否是小数的相关资料,文中介绍了如何通过使用isNaN()函数和使用正则表达式来解决,具有一定参考借鉴价值,需要的朋友可以参考下
    2024-04-04
  • 详解JavaScript逻辑Not运算符

    详解JavaScript逻辑Not运算符

    这篇文章主要介绍了JavaScript逻辑Not运算符,逻辑NOT运算符与C和Java中的逻辑 NOT 运算符相同,都由感叹号(!)表示,想要深入了解逻辑Not运算符的朋友可以参考一下
    2015-12-12
  • JavaScript手写一个前端存储工具库

    JavaScript手写一个前端存储工具库

    在项目开发的过程中,为了减少提高性能,减少请求,开发者往往需要将一些不易改变的数据放入本地缓存中。本文就来用JavaScript手写一个前端存储工具库,希望对大家有所帮助
    2023-02-02
  • 你必须了解的JavaScript中的属性描述对象详解(上)

    你必须了解的JavaScript中的属性描述对象详解(上)

    JavaScript提供了一个内部数据结构,用来描述对象的属性,控制它的行为,比如该属性是否可写、可遍历等等。这个内部数据结构称为“属性描述对象”。本文主要带大家了解一下JavaScript中你必须了解的属性描述对象,需要的可以参考一下
    2022-12-12

最新评论