码迷,mamicode.com
首页 > 其他好文 > 详细

简单的textarea限制字符输入效果(from www.sysoft.cc)

时间:2014-11-18 13:26:15      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:style   blog   io   color   ar   sp   div   on   log   

测试成功,一个简单的textarea限制输入字符效果,还是有待完善。可以限制键盘输入和粘贴操作了……‘

js代码段

$(function () {
            $("#myContent").keyup(function () {
                var textcount = parseInt($("#textcount").text());
                    var curcount = 2000-$(this).val().length ;
                    if (curcount >= 0) {
                    $("#textcount").text(curcount);
                }
                else {
                    $("#textcount").text("0")
                    $("#myContent").val($("#myContent").val().substr(0,2000)+"…")
                }

            });

htm 代码段

<textarea name="textfield" id="myContent" runat="server"
            style="height:70px; border:1px solid #d4d4d4; background:url(Images/xdsm.jpg) no-repeat 10px 10px; width:740px; padding:10px; font-size:14px;" 
            onfocus="this.style.background=‘‘"></textarea>

 <td height="50" align="right" valign="middle">还可以输入<font color="#c0171e"><span id="textcount">2000</span></font>个字</td>

 

简单的textarea限制字符输入效果(from www.sysoft.cc)

标签:style   blog   io   color   ar   sp   div   on   log   

原文地址:http://www.cnblogs.com/sysoft/p/4105469.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!