今天写了个JS动态控制显示输入文字的代码

本文介绍了一个用于限制文本框输入长度的JavaScript脚本,该脚本能够实时显示剩余可输入的字符数,并在达到最大限制时阻止进一步输入。

<script type="text/javascript">
<!--
 function checkstr(){
   if(document.getElementById("content").value.length>150){
    alert("你输入的内容太长了");
    return false;
   }
   else{
    postnew.submit();
   }
   
 }
 function showlcontent(){
  var l=150-document.getElementById("content").value.length;
  document.getElementById("lcontent").innerHTML="<font color=red>你还输入"+l+"个字</font>";
  if(document.getElementById("content").value.length>150){
   document.getElementById("lcontent").innerHTML="<font color=red>你输入的文字已经达到限制,再输入将无效!</font>";
  }
 }
-->
</script>

 

下面是调用的程序

 

<td width="82%" height="27"><textarea name="content" id="content" cols="38" rows="5" onKeyDown="showlcontent()"></textarea>
                   </td><td>*150个字符内<div style="height:25px; width:100px;" id="lcontent"></div>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值