限制textbox或textarea輸入字符長度的JS代碼
更新時間:2013年10月16日 08:34:05 作者:
textbox或textarea的輸入字符限制有很多方法,在本將為大家詳細介紹下js中時如何實現(xiàn)的,感興趣的朋友不要錯過
復(fù)制代碼 代碼如下:
<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>
然后設(shè)多行的textbox或textarea的2個屬性.
onkeypress="javascript:setMaxLength(this,100);" onpaste="limitPaste(this, 100)"
現(xiàn)在好了,可以自動區(qū)分中英文了,這個方案不錯,供大家分享
相關(guān)文章
JavaScript清除所有(多個)定時器的方法實戰(zhàn)案例
定時器就是由JS提供了一些原生方法來實現(xiàn)延時去執(zhí)行某一段代碼,下面這篇文章主要給大家介紹了關(guān)于JavaScript清除所有(多個)定時器的方法,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-01-01關(guān)于微信jssdk實現(xiàn)多圖片上傳的一點心得分享
這篇文章主要介紹了關(guān)于微信jssdk實現(xiàn)多圖片上傳的一點心得分享,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-12-12溫習Javascript基礎(chǔ)語法之詞法結(jié)構(gòu)
javascript是一門簡單的語言,也是一門復(fù)雜的語言。這篇文章主要介紹了溫習Javascript基礎(chǔ)語法之詞法結(jié)構(gòu)的相關(guān)資料,需要的朋友可以參考下2016-05-05如何讓一個層關(guān)閉之后,就算刷新頁面了也不顯示。除非關(guān)閉頁面再次打開
這個功能,一般可用于廣告的顯示,當關(guān)閉后,就不顯示,除非重新關(guān)閉打開,增加用戶體驗2008-09-09JavaScript預(yù)解析及相關(guān)技巧分析
這篇文章主要介紹了JavaScript預(yù)解析及相關(guān)技巧,結(jié)合實例形式分析了JavaScript與解析的原理,步驟與相關(guān)技巧,需要的朋友可以參考下2016-04-04微信小程序6位或多位驗證碼密碼輸入框功能的實現(xiàn)代碼
這篇文章主要介紹了微信小程序6位或多位驗證碼密碼輸入框功能的實現(xiàn)代碼,實現(xiàn)思路很簡單,需要的朋友可以參考下2018-05-05