注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

樱之花

叶散的时候,你明白欢聚;花谢的时候,你明白青春.

 
 
 

日志

 
 
关于我

分类中“我的实验室”是我在日常工作中的一些知识总结,有些写的比较匆忙,可能大家在阅读时会产生困扰,后期有时间我会重新整理编辑,谢谢大家的到访,您们的支持是我前进的动力!

网易考拉推荐

JS计算文本框输入的字数,并限制内容为规定的字数(javascript)  

2009-08-31 14:37:49|  分类: JS程式 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

JS计算文本框输入的字数,并限制内容为规定的字数 - IDesire - YinZhiHua2008

随着输入的字数的增多,剩余的字数会动态相应的减少,当输入的字数超过限制的时候,会弹出相应的alert提示。

JS计算文本框输入的字数,并限制内容为规定的字数 - IDesire - YinZhiHua2008

提示你,你输入的字数已经超过了限制了,同时呢 文本框输入的多余的内容会被js截取掉,只剩下规定的字数了。

代码如下:

主要用的事件是:

onkeyup:事件会在键盘按键被松开时发生

还有一个对应的事件是:

onkeydown:当按下一个键盘按键时触发事件

这是应用到asp.net的 TextBox控件 多行文本域的情况:

<body>

    <form id="form1" runat="server">

    <div>

      

        <br />

        <asp:TextBox ID="TextBox1" runat="server" Height="121px" TextMode="MultiLine"

            Width="317px" onkeyup="checkLength(this);"></asp:TextBox>

&nbsp;

        限制字数为:10 剩余字数:<span id="sy" style="color:Red;">10</span>

    </div>

    </form>

</body>

</html>

<script type="text/javascript">

function checkLength(which) {

    var maxChars = 10; //

    if (which.value.length > maxChars)

    {

        alert("您出入的字数超多限制!");

        // 超过限制的字数了就将 文本框中的内容按规定的字数 截取

        which.value = which.value.substring(0,maxChars);

        return false;

    }

    else

    {

        var curr = maxChars - which.value.length; //250 减去 当前输入的

        document.getElementById("sy").innerHTML = curr.toString();

        return true;

    }

}

</script>

  评论这张
 
阅读(4377)| 评论(2)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017