开发者社区> 老朱教授> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

限制textarea 字数

简介:
+关注继续查看

function countChar(textarea,e,spanName)
        { 
            var length =140 - textarea.value.length;
            
            if(length == 0 || length > 0)
            {
                document.getElementById(spanName).innerHTML = length;
            }
            
            if(length == 0)
            {
                if(checkSpecialKeys(e))
                {
                    
                     if(window.event)//IE
                      e.returnValue = true;
                }
                else
                {  
                    if(window.event)//IE
                      e.returnValue = false;
                    else//Firefox
                        e.preventDefault();
                }
            }
            
            if(length < 0)
            {                           
                textarea.value = textarea.value.substring(0,140);
                document.getElementById(spanName).innerHTML = '0';
            }
        } 
        
        function checkSpecialKeys(e)
        {
            if(e.keyCode == 8 || e.keyCode == 46)// && e.keyCode!=37 && e.keyCode!=38 && e.keyCode!=39 && e.keyCode!=40)
                return true;
            else
                return false;
        }  

 

 

<div class="textareaBox"> 
                           <asp:TextBox runat="server" ID="txt_content"  MaxLength="140" TextMode="MultiLine"></asp:TextBox>
                       </div>  
                       <div class="sendMsg">您可以输入 <label id="counter">140</label> 字  <asp:Button ID="Btn_Save" runat="server" OnClientClick="return checkstr();" Text="提 交" CssClass="btn_green" OnClick="Btn_Save_Click"  /></div>




本文转自94cool博客园博客,原文链接:http://www.cnblogs.com/94cool/archive/2011/07/04/2097683.html,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
CSS文字溢出显示省略号,且出现title或者tooltip
CSS文字溢出显示省略号,且出现title或者tooltip
0 0
jqgrid 设置为每行单选
jqgrid 不支持单选,自己自带了多选multiselect 那么单选怎么做呢,可以参考如下配置 multiselect: true, multiboxonly:true, gridComplete: hideSelectAll, beforeSelectRow: beforeSelec...
878 0
让DIV中文字换行显示
让DIV中文字换行显示   1. div { white-space:normal; word-break:break-all; word-wrap:break-word; ...
518 0
+关注
文章
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载