jquery textarea输入字符字数提示

效果:

html代码:

<textarea id="assayInfo" name="assayInfo" rows="3" cols="34" maxlength="30" placeholder="提示:请输入检查结果等相关信息,最多30个汉字"></textarea>
<span id="wordCount">30</span>/30

jquery代码:

$(document).ready(function() {
        var counter = $("#assayInfo").val().length; //获取文本域的字符串长度
        $("#wordCount").text(30 - counter);
        $(document).keyup(function() {
            var text = $("#assayInfo").val();
            var counter = text.length;
            $("#wordCount").text(30 - counter);    //每次减去字符长度
        });

    });
时间: 2024-10-29 19:07:38

jquery textarea输入字符字数提示的相关文章

textarea输入字符有限制

function limitedNumberOfInputCharacters(limitedNumber, string){ var strLength = 0; if(string !== null || string !== ""){ strLength = string.length; } if(strLength>limitedNumber){ strLength = limitedNumber; } var leftLength = limitedNumber - s

vue使用textare如何正确统计输入字符个数

最近vue做微信公众号的开发,使用weui的textarea输入限制字数(官网例子),并且显示.代码如下:再安卓和电脑都没有问题,但是ios输入的时候,显示字数不正确, 但是输入之后删除其中一个,就可以正确显示,比较坑的. <div class="weui-cell__bd"> <textarea v-model="consultation.description" id="description" class="we

jQuery实现的计算textarea可输入剩余字数

jQuery实现的计算textarea可输入剩余字数:textarea一般是用来输入文字性内容的,不过出于各种原因的考虑,文字的数量一般是受到限制的,下面就通过实例代码介绍一下,如何实现此效果,代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy

js 实现textarea输入字数提示

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

jQuery实现限制input框 textarea文本框输入字符数量的方法

<!doctype html> <html> <head> <meta charset="utf-8"> <title>jQuery实现限制input框 textarea文本框输入字符数量的方法</title> </head> <script src="http://j2.58cdn.com.cn/js/jquery-1.8.3.js"></script>&l

JS实现动态提示文本框可输入剩余字数(类似发表微博数字提示)

一.实现效果: 为了更直观的体现用户在文本框输入文本时能看到自己输入了多少字,项目中需要通过判断提示文本框剩余可输入字数. html & JS: 1 <div> 2 <textarea name="content" id="content" onkeyup="javascript:checkWords(this);" onmousedown="javascript:checkWords(this);"

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显示输入剩余字数

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf

jQuery手机号码输入提示

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>jQuery手机号码输入提示</title