首页 > 代码库 > 简单的textarea限制字符输入效果(from www.sysoft.cc)

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

测试成功,一个简单的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)