JS限定输入文字的输入上限

 /**
  *限定输入文字的输入上限,超出上限自动剔除并弹窗提示,集成字数统计
  *@auther:CQL
  *@param obj:this
  *@param maxLength:制定的当前文字输入框的输入长度
  *@param message:制定的超限提示(可以为空)
  *@param messageCountId:字数统计元素的id(可以为空)
  *
  *Example:
  * <textarea   field="xxxx" οnkeyup="limitLengthAdvance(this,5,'','messageCountId')"></textarea>
  * </br><span style="color: red">已输入 </span><font color="#FC0505"><b><span id="messageCountId"> 0</span></b></font><span style="color: red">&nbsp;个字</span>
  * 
  */
 function limitLengthAdvance(obj,maxLength,message,messageCountId){
 	var curLength=obj.value.length;
 	var curValue=obj.value;
 	if(curLength>maxLength){
 		if(message==undefined||message==""){
 			L5.Msg.alert('提示','最多输入'+maxLength+'个字,超出部分已经被剔除。');
 		}
 		else{
 		  L5.Msg.alert('提示',message);
 		}
 	   obj.value= curValue.substring(0,maxLength);
 	}
 	if(messageCountId==undefined||messageCountId==""){}
 	else{
 		if(curLength>maxLength){
 			document.getElementById(messageCountId).innerText = maxLength;
 		}else{
 			document.getElementById(messageCountId).innerText = curLength;
 		}
 	}
 }


/**
 *js控制输入文字长度(推荐)
 *BY:CQL
 *obj:this
 *maxLength:制定的当前textarea的文字个数
 *message:制定的超限提示(可以为空)
 *EX:
 *有提示的:
 * οnkeyup="limitLength(this,15,'输入文字超过15个,请重新输入!')"
 *没有提示的:
 * οnkeyup="limitLength(this,15)"
 */
function limitLength(obj,maxLength,message){
	var curLength=obj.value.length;
	var curValue=obj.value;
	if(curLength>=maxLength){
		if(message==undefined||message==""){}
		else{
		   alert(message);
		}
	   obj.value= curValue.substring(0,maxLength-1);
	}
}

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值