textarea 限制字数

$("textarea").keyup(function(){
        //console.log($(this).val().length);
        var L=$(this).val().length;
        if(L>100){//100为设定的字数
            $(this).val($(this).val().substring(0,100));
        }
    });

时间： 2024-08-06 15:42:46

textarea 限制字数的相关文章

仿校内textarea输入框字数限制效果

这是一个仿校内textarea回复消息输入框限制字数的效果,具体表现如下: 普通状态是一个输入框,当光标获取焦点时,出现字数记录和回复按钮 PS:上边那个小三角可不是用的图片. 普通状态效果如下: 获取焦点时: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> &

JavaScript中实现统计Textarea的字数

现在流行的Twitter等微博客网站,有一个很好的用户体验,就是在文本框中输入文字的时候,会自动统计输入的字符,并显示用户还能输入的字符,在限制了140个字的微博客中,这样的小提示可以很好的增强用户体验. 如果实现这种技术呢,我进行了一些研究,发现实现其实挺简单,几行代码就能完成输入字符统计功能,经过实际测试,其对文字的统计与Twitter等微博客的完全相同. 使用方法是,先增加一个span,用于显示剩余的字数,然后在Textarea中,加入一个onkeydown和onkeyup的事件,调用另一

angularjs textarea 剩余字数统计

写页面的过程中用到了textarea的文本域,就突然想起他也可以加上剩余字数统计的这个功能. 第一个思路: 根据键盘按键按下去触发一个方法计数: <textarea cols="50" rows="10" maxlength="100" title="只能输入100个字" ng-model="text" ng-change="tolCount()"></textarea

textarea 超过字数

<textarea name="" id="FashionStatement" cols="30" rows="10"></textarea> <div id="statementRowChk"></div> $('#FashionStatement').val(''); var limitNum = 40; var pattern = '还可以输入' + l

JS控制文本框textarea输入字数限制的方法

<html> <head runat="server"> <title></title> <script type="text/javascript"> var maxstrlen = 160; function Q(s) { return document.getElementById(s); } function checkWord(c) { len = maxstrlen; var str = c.v

textArea剩余字数统计插件

效果如: js代码: /** * textArea字数统计 * * Created on : 2015-6-26, 11:49:24 * Author : tom [email protected] */ var wordTool = { /** * 初始化 * * @param json json数组格式,如[{id:"news1", max:300}, {id:"news2", max:600}] */ init: function (json) { $.eac

js 实现textarea输入字数提示

一.先看效果图 效果如图,当输入文字的时候,提示区域动态的显示已输入的字数和最大输入的字数.非常常用的小功能.二.知识点知识点比较简单,为了兼容性好些,我多用了几个事件input.propertychange.paste.keyup.现在好多用vue等框架写,我暂时先用jQuery写了,原因是读者比较好理解,需要其他方式也便于修改,高手估计也不用看这些东西啦哈哈哈.三.上代码.我当初学习的时候就希望多看demo,可我找到的资料往往是讲一些要点,写一些代码片段,所以我尽量的直接上代码了. <!DO

textarea限制字数提示

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"/> <meta name="renderer" content="webkit"/> <meta name="ke

js 控制&lt;input type=textarea/&gt;输入字数限制

<!DOCTYPE html><html>     <head>     <title>JS限制Textarea文本域字符个数</title>     <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />     <SCRIPT LANGUAGE="JavaScript">