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

复制代码 代码如下:

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

时间: 2024-11-08 19:10:16

限制textbox或textarea输入字符长度的JS代码_javascript技巧的相关文章

textarea 控制输入字符字节数(示例代码)_javascript技巧

按字符数控制: 复制代码 代码如下: <textarea name="gbContent"  style="width: 500px; height: 200px;"             onkeyup="if(this.value.length>2000) this.value=this.value.substr(0,2000)"             onkeydown="if(this.value.length&

javascript 判断中文字符长度的函数代码_javascript技巧

JS的字符串都是string对象,可以用string对象的length属性可以获取其长度,但是无论是中文.全角符号以及英文最小长度单位都是1,这与php的strlen()并不相同. 复制代码 代码如下: function strlen(str) { var s = 0; for(var i = 0; i < str.length; i++) { if(str.charAt(i).match(/[u0391-uFFE5]/)) { s += 2; } else { s++; } } return

统计出现最多的字符次数的js代码_javascript技巧

应用正则表达式的全局匹配,可以匹配出字符出现的次数,比较这些次数,将最大的保存并返回.代码如下: 复制代码 代码如下: var countMost = function(str){ if(!str) return; var _count = 0, _temp = 0, _reg, _char; for(var i=0; i<str.length; i++){ _reg = new RegExp(str.charAt(i), 'g'); _temp = str.match(_reg).length

计算文本域剩佘长度的js代码_javascript技巧

JS 计算文本域剩余字数 剩 注: displaySpareNumber(this,10) 与 <input id="spareNumber" name="spareNumber" value="10" size="1"/> 中的10是你定义的内容长度. [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

TextArea设置MaxLength属性最大输入值的js代码_javascript技巧

标准的DHTML文档中TEXTAREA的MAXLENGTH属性默认情况下不起作用,只有当事件发生时才起作用 如下:http://spiderscript.net/site/spiderscript/examples/ex_textarea_maxlength.asp 但TEXT中有且起作用<input type="text" maxlength="20">, 那么在TEXTAREA中怎么实现输入内容不能超过多少个字符呢. 方法1.如果只需要截取多少个字符

非主流的textarea自增长实现js代码_javascript技巧

其中大部分是靠scrollHeight(非W3C标准,由IE引入),keyup事件来完成.有一种比较有意思的是 通过"镜像元素(mirror element)", 和setTimeout轮询实现.大致的实现思路如下: 把一个单独的pre元素,通过position:absolute的方式定位于client view之外,并且把它和textarea的样式设置的一样,我们把这个pre元素称为"mirror",然后通过setTimeout进行200ms的轮询,把textar

『JavaScript』限制Input只能输入数字实现思路及代码_javascript技巧

这玩意很多人写过,但是今天临时要用的时候找不到符合需求的,所以立马来写一个,既然都写完了而且还满符合需求的就放上来让大家鞭一鞭. 需求很简单,一个文字方块必须限制只能输入数字(或是小数点)并且要支援 IE 和 Firefox. HTML的 Input 是这样下滴 复制代码 代码如下: <input type="text" style="ime-mode:disabled" onkeyup="return ValidateNumber($(this),

让textarea自动调整大小的js代码_javascript技巧

复制代码 代码如下: <!doctype html> <html> <head> <title>自动调整大小的textarea </title> <meta charset = "utf-8" /> <style type = "text/css"> .editable{cursor:text; font-size:13px; color:#003366;width:80px;lin

仿微博字符限制效果实现代码_javascript技巧

这是初始状态   输入文字变成这样,这里会区分圆角半角,2个半角的文字算一个.   这个是超出的样子   如果超出了点击提交,会有红色闪动提示   好了,效果就是这样子,都是js的..用的话,记得加个jq文件过来.. 这里是超出只有提示,还可以超出以后截掉多余的..不过公司项目不用,说是体验不好~~~ 复制代码 代码如下: var oH2 = $("#spetit_word");//提示文字 var oTextarea = $("#p_qa_content");//