ASP.NET jQuery示例13原jQuery文本框字符限制插件TextArea计数器

可以限制最大输入字符长度，设置字符截取速度，自定义提示信息的文本样式(可以改进自定义的文本内容)。该插件统计的英文字符和中文字符的长度是一样的。废话少说，这里直接是详细的插件代码，具体的实现细节已经在代码中标注了：复制的代码如下：(函数($){ $ . fn . extend({ textareacount : function(options){ var $ textArea=this；选项=$。extend ({maxlength: 140，//定义一个最大输入长度变量，初始化为500 speed: 15，//定义删除字符的速度变量msgstyle 3360 ' font-family 3360 arial；font-size : small；颜色：灰色；小；text-align : right；' margin-top :3 px；'，//提示信息显示样式msgnum style : ' font-weight : bold；颜色：灰色；font-style :斜体；' font-size :更大；'//提示信息剩余长度样式}，选项)；var $ msg=$(' div style=' options . msgstyle ' '/div ')；//在文本框架后面动态加载一个提示信息容器$ textarea . after($ msg)；//增加一个按键事件，判断当前内容是否还可以用$ textarea输入. key press(function(e)){//8为Backspace键，46为Delete键。//如果目前可以输入的字符长度为0，且键值不是8或46，那么如果($ textarea.val()。length=options . max length e . what！='8' e .哪个！=' 46 '){ e . preventdefault()；返回；} }).keyup(function () {//Add keyup事件计算剩余的输入单词并显示var curl length=this . value . length；$msg.html(“”)。html('您也可以输入span style=' ' options . msgnum style ' '(options . maxlength-curl length)'/span word ')；vari nit=set interval(function(){//如果输入的内容大于设置的最大长度，将会以设置的速度自动截取内容if ($ textarea.val()。length options . max length){ $ text area . val($ text area . val()。substring (0，options . max length))；$msg.html(“”)。html('您也可以输入span style=' options . msgnum style ' ' options . maxlength '/span word ')；} else { clearInterval(init)；} }，options . speed)；}).bind ('context menu '，函数(e){//禁止鼠标右键，防止鼠标操作文本返回false});//第一次加载，现在可以输入字符长度为$msg.html(')的提示信息。html('您也可以输入span style=' options . msgnum style ' ' options . maxlength '/span word ')；归还这个；} });})(jQuery)；将上面的代码直接复制保存到jquery . textareaccount . js . demo :现在我们来看看如何使用这个插件。首先，我们必须参考插件。代码如下：复制的代码如下： script src=' http 3360 script/jquery-1 . 4 . 1-vsdoc . js ' type=' text/JavaScript '/script script src=' http : script/jquery . textareaccount . js ' type=' text/JavaScript '/script:复制的代码如下： form id=' form 1 ' runat=' server ' div align=' center '高度： 250px '表格单元格填充=' 3 '单元格间距=' 3 '边框=' 0 ' tr请输入您的评估：/TD/tr TD ASP : TextBox ID=' txtCmt ' runat=' server ' TextMode=' MultiLine ' Width=' 300 px ' row=' 5 '/ASP : textbox/TD/tr/table/field set/div/调用表单插件实现textbox控件txt CMT的字符限制功能。脚本代码：复制代码如下：脚本类型=' text/JavaScript' $(文档)。Ready (function () {$ ('# TXT CMT ')。TextArea Count({ maxlength 3360 200，speed : 256 })；});/script注意：要使用插件，只需调用textAreaCount()方法，就可以设置该方法的options参数。选项参数描述：maxlength:设置输入字符的最大数量速度：设置截取字符的速度msgstyle:设置文本提示信息主题的样式msgNumStyle:设置文本提示信息中剩余字符的样式。最后，使用插件后的渲染是。