JS TextArea字符串長(zhǎng)度限制代碼集合
2024-05-06 14:21:03
供稿：網(wǎng)友
代碼如下:
<html>
<body>
<textarea id="t"></textarea>
<input type="text" id="b2" />
<script type="text/javascript">
textAreaLimit("t",{lastMsgLabel:"b2"})
function textAreaLimit(area,op){
var defaultOp = {
maxLength:10 //最大長(zhǎng)度
, IsNumber:false //只能是數(shù)字
, lastMsgLabel:null //即時(shí)顯示可輸入個(gè)數(shù)的Input
, msg:"還可以輸入{0}個(gè)文字"
, errorMsg:"文字個(gè)數(shù)超出最大限制"
};
var label;
if(typeof area == "string"){
area = document.getElementById(area);
}
if(!area){
return;
}
for(var i in op){
defaultOp[i] = op[i];
}
if(defaultOp.lastMsgLabel){
if(typeof defaultOp.lastMsgLabel == "string"){
label = document.getElementById(defaultOp.lastMsgLabel);
}
}
if(defaultOp.IsNumber){
area.style.imeMode="Disabled";//IE
area.onkeydown = function(){
return event.keyCode != 229;
}
}
area.onkeyup = function(){
if(defaultOp.IsNumber){
this.value = this.value.replace(//D/g,"");//IE之外的
}
if(this.value.length > defaultOp.maxLength){
//-------------------------------------------------------------------------------
//方案①
this.disabled = "disabled";
this.value = this.value.slice(0,defaultOp.maxLength);
this.removeAttribute("disabled");
this.focus();
//方案②
//或
//alert(defaultOp.errorMsg);
//this.value = this.value.slice(0,defaultOp.maxLength);
//-------------------------------------------------------------------------------
}
if(label){
label.value = defaultOp.msg.replace(//{0/}/,defaultOp.maxLength -this.value.length);
}
}
}
</script>
</body>
</html>
解決輸入日語(yǔ)+全角時(shí)出現(xiàn)的BUG 主要是在紅線中間的代碼。
思路就是中斷日語(yǔ)的輸入狀態(tài)。
用如果輸入超出時(shí)能忍受彈窗的話，就用方案②,否則的話就用方案①。
