还能输入多少字?(JS动态计算)

        <div class="m-form ovh">
            <div class="hd">
                <span class="fr" id="message">还能输入200个字</span>
                我要说:
                <select name="select" id="select">
                   <option value="12">北京</option>                   <option value="13">上海</option>                   <option value="14">深圳</option> </select>
            </div>
            <div class="bd">
                <textarea name="textarea" id="textarea" cols="45" rows="5" onkeyup="checkLength()" maxlength="200"></textarea>
                <p class="ovh">
                    <input type="button" value="" class="btn-send fr" onclick="HandComment()"/>
                    <span class="fr" style="display:none;">发送成功</span>
                </p>
            </div>
        </div>
    /*动态计算能够输入的字数*/
    function checkLength() {
        var maxChars = 200;
        if ($("#textarea").val().length > maxChars)
            $("#textarea").val($("#textarea").val().substring(0, maxChars));
        var curr = "还能输入" + (maxChars - $("#textarea").val().length) + "个字";
        $("#message").html(curr.toString());
    }

JS自动检测输入的字数,算出还能输入多少个字。

还能输入多少字?(JS动态计算)

时间: 2024-08-19 03:06:17

还能输入多少字?(JS动态计算)的相关文章

用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> <meta http-equiv=&

textarea提示还能输入多少字

//搜集的网上资源 这个是判断字符的,如果是判断汉字,需要根据你网页的编码来计算. 如果是GBK\GB2312编码,2个字节=1个汉字 如果是unicode\utf-8编码,里面汉字是长度不是一定的,有的长.有的短,2-4=1个汉字 <textarea name="content" id="content" style="width:345px;height:120px;"></textarea><div id=&q

js动态计算移动端rem

在做移动端web app的时候,众所周知,移动设备分辨率五花八门,虽然我们可以通过CSS3的media query来实现适配,例如下面这样: 1 html { 2 font-size : 20px; 3 } 4 @media only screen and (min-width: 401px){ 5 html { 6 font-size: 25px !important; 7 } 8 } 9 @media only screen and (min-width: 428px){ 10 html {

第148天:js+rem动态计算font-size的大小,适配各种手机设备

需求: 在不同的移动终端设备中实现,UI设计稿的等比例适配. 方案: 布局排版都用rem做单位,然后不同宽度的屏,js动态计算根节点的font-size. 假设设计稿是宽750px来做的,书写css方便计算考虑,根节点的font-size假定为100px,得出设备宽为7.5rem.设计稿中标注的任何px数值都可以换算成px/100的rem值. 就是说,每一个设备的宽度都定为7.5个rem,然后宽度非750px的设备里,就需要用JS对font-size做动态计算. 换算关系为:根节点的font-s

根据iPhone6设计稿动态计算rem值

rem 单位在做移动端的h5开发的时候是最经常使用的单位.为解决自适应的问题,我们需要动态的给文档的更节点添加font-size 值.使用mediaquery 可以解决这个问题,但是每一个文件都引用一大串的font-size 值很繁琐,而且值也不能达到连续的效果. 就使用js动态计算给文档的fopnt-size 动态赋值解决问题. /** * [以iPhone6的设计稿为例js动态设置文档 rem 值] * @param {[type]} doc [文档元素] * @param {[type]}

js 动态修改属性值 动态修改图片,字等

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"   http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv = "content-type" content="text/html;charset=utf-8"/> &

转:动态计算UITableViewCell高度详解

转自:http://www.cocoachina.com/industry/20140604/8668.html 不知道大家有没有发现,在iOS APP开发过程中,UITableView是我们显示内容常见的控件,本人觉得它是UIKit中最复杂的一个控件.今天要向大家介绍的就是如何动态计算UITableViewCell高度的一经验与技巧,在此做一些总结方便朋友们查阅.为了不让讲解空洞抽象,我还是用代码实例的方式进行讲解,这样更容易接收与学习. 本文将介绍四种情况下UITableViewCell的计

动态计算UITableViewCell高度详解 (转)

感觉挺有用的一篇文章,分析了4种解决方案.回头测试之.如果有别的方案,我会在后面补上. 原文地址:http://www.ifun.cc/blog/2014/02/21/dong-tai-ji-suan-uitableviewcellgao-du-xiang-jie/ 不知道大家有没有发现,在iOS APP开发过程中,UITableView是我们显示内容常见的控件,本人觉得它是UIKit中最复杂的一个控件.今天要向大家介绍的就是如何动态计算UITableViewCell高度的一经验与技巧,在此做一

【转】动态计算UITableViewCell高度详解

转自:http://www.ifun.cc/blog/2014/02/21/dong-tai-ji-suan-uitableviewcellgao-du-xiang-jie/ 站QQ技术群:<疯狂IT人>93916004 不知道大家有没有发现,在iOS APP开发过程中,UITableView是我们显示内容常见的控件,本人觉得它是UIKit中最复杂的一个控件.今天要向大家介绍的就是如何动态计算UITableViewCell高度的一经验与技巧,在此做一些总结方便朋友们查阅. 同时也欢迎广大iOS