textarea字数限制

1、input、textarea都有maxlength属性,但是textarea不兼容ie8/9,input兼容ie8/9。


2、同时绑定onchange、onkeydown、onkeyup,ie8/9下解决不了右键粘贴问题。


3、上代码……

<textarea rows="7" cols="12" style="resize: none;" id="message" maxlength="255"></textarea>

<div>还可输入<b id="num" style="color:#ff0000;font-size: 13px;">255</b>字</div>

<script>

$("#message").on("input propertychange", function() {

var $this = $(this),

_val = $this.val(),

count = "";

var max = parseInt($this.attr("maxlength"));//最大限制字数

if (_val.length > max) {

$this.val(_val.substring(0, max));

}

count = max - $this.val().length;

$("#num").text(count);

});

</script>

时间: 2024-11-15 22:43:55

textarea字数限制的相关文章

textarea字数限制方法一例

<!-- 控制textarea最大输入字数 --><script type="text/javascript">function checkLen(obj) {var maxChars = 30;//最多字符数if (obj.value.length > maxChars)obj.value = obj.value.substring(0,maxChars);};</script> <textarea rows="7"

移动端的textarea字数监控和正则监控

做移动端的朋友可能会遇到输入框的 显示输入字数 ,自然而然会想到 keyDown  keyUp 事件,可事实并非你想象的那样,当你在  ios  手机上操作时(Android好像会很少会有这种情况),在键盘上打完字选择 文字的时候, 这时候没有处罚任何东西,  这时点击的根本不是 键盘 也不是页面文档 不是任何dom节点  更不会 触发 keyDown  keyUp  : 这时我们可以使用: input 事件 <textarea name='intro'></textarea> $

完美解决textarea字数限制

1. <textarea id="area" name="ss" placeholder="请输入文本内容"></textarea> 2. <p><span id="text-count">20</span>/20</p> 3. <script type="text/javascript"> 4. /*字数限制*/ 5. $

js textarea 字数限制

js function textCounter(field, countfield, maxlimit) { if (field.value.length > maxlimit) field.value = field.value.substring(0, maxlimit); else countfield.value = maxlimit - field.value.length; } html <form name=myform action=""> <t

JavaScript中统计Textarea字数并提示还能输入的字符

<span style="font-size:18px;"><script language="javascript"> function countChar(textareaName,spanName) { document.getElementById(spanName).innerHTML = 140 - document.getElementById(textareaName).value.length; } </script&

javascript 高效的textarea字数监控

<input type="text" name="textfield" id="text_input" /> <div>您输入的值为:<span id="test">还未输入</span></div> <script type="text/javascript"> function immediately(){ var element

监听文本框输入开发仿新浪微博限制输入字数的textarea插件

监听文本框输入 Firefox.Chrome.IE9,IE10 均支持 oninput 事件,此外所有版本的 IE 均支持 onpropertychange 事件. oninput 事件在用户输入.退格(backspace).删除(delete).剪切(ctrl + x).粘贴(ctrl + v)及鼠标剪切与粘贴时触发(在 IE9 中只在输入.粘贴.鼠标粘贴时触发). onpropertychange 事件在用户输入.退格(backspace).删除(delete).剪切(ctrl + x).粘

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

使用JQuery统计input和textarea文字输入数量代码

本文主要介绍了jQuery实现统计输入文字个数的方法,需要的朋友可以参考下. HTML部分: <input type="text" value="我是输入的文字" maxlength="10" id="detail1"/> <p><span id="detail1_num">0</span>/<span>10</span></p&