限制textbox或textarea輸入字符長度的JS代碼
更新時間:2013年10月16日 08:34:05 作者:
textbox或textarea的輸入字符限制有很多方法,在本將為大家詳細介紹下js中時如何實現(xiàn)的,感興趣的朋友不要錯過
復制代碼 代碼如下:
<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)"
現(xiàn)在好了,可以自動區(qū)分中英文了,這個方案不錯,供大家分享
相關文章
JavaScript清除所有(多個)定時器的方法實戰(zhàn)案例
定時器就是由JS提供了一些原生方法來實現(xiàn)延時去執(zhí)行某一段代碼,下面這篇文章主要給大家介紹了關于JavaScript清除所有(多個)定時器的方法,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-01-01如何讓一個層關閉之后,就算刷新頁面了也不顯示。除非關閉頁面再次打開
這個功能,一般可用于廣告的顯示,當關閉后,就不顯示,除非重新關閉打開,增加用戶體驗2008-09-09微信小程序6位或多位驗證碼密碼輸入框功能的實現(xiàn)代碼
這篇文章主要介紹了微信小程序6位或多位驗證碼密碼輸入框功能的實現(xiàn)代碼,實現(xiàn)思路很簡單,需要的朋友可以參考下2018-05-05