textarea限制字符数
html代码:
<div class="remark_edit J_Remark_Edit">
<div class="tip-body">
<h4>备注信息:</h4>
<textarea cols="44">请输入备注信息</textarea>
</div>
<div class="tip-ctrl">
<a href="#" class="btn-s-red J_Remark_Yes">确定</a>
<a href="#" class="btn-s-gray J_Remark_Cancel">取消</a>
<span>
还能输入<strong class="maxNum" style="color: rgb(51, 51, 51);">137</strong>个字
</span>
</div>
</div>
js代码段:
var Remark = {
        init:function(){
            this.editRemark = $('.J_Remark_Edit');
            this.bind();
        },
        bind:function(){
            var self = this;
            var $text = self.editRemark.one('textarea'),
                bSend = false;
            //事件绑定, 判断字符输入
            $text.on('keyup',function(){
                bSend = self.confine();
            });
            $text.on('focus',function(){
                bSend = self.confine();
            });
            $text.on('change',function(){
                bSend = self.confine();
            });
            self.editRemark.all('.J_Remark_Yes').on('click',function(e){
                e.preventDefault();
                if(bSend){
                    var msg = S.trim($text.val());
                    // send msg;
                }else{
                    alert('内容不能超过140个字!');
                }
            })
        },
        //输入字符限制
        confine : function(){
            var self = this;
            var $text = self.editRemark.one('textarea'),
                $maxNum = self.editRemark.one('.maxNum'),
                maxNum = 140,
                bSend = false;
            var iLen = $text.val().length;
            $maxNum.html(maxNum - Math.floor(iLen));
        //最重要的就是这一句
            if(maxNum - Math.floor(iLen) >= 0){
                $maxNum.css({"color":"#333"});
                bSend = true;
            }else{
                $maxNum.css({"color":"#d31022"});
                bSend = false;
            }
            return bSend;
        }
    }
    Remark.init();
textarea限制字符数的更多相关文章
- jquery实现显示textarea输入字符数
		
起初会想到使用keyup.keydown.keypress或者是onchange事件,onchange需要失去焦点才触发, 其它三个有些对按住键盘某个键不放不生效,有些对使用中文输入法正在输入时统计不 ...
 - 一条SMS最大字符数,字符数达到多少按MMS处理
		
1,一条SMS最大字符数 ----------------------------------------- android\frameworks\opt\telephony中 com.android ...
 - UITextField最大字符数和最大字节数的限制
		
UITextView,UITextfield中有很多坑,网上的方法也很多,但是用过之后暂时没有发现一个好用.这里我给大家几组测试用例可以一试,为啥不好用. 限制10个字节,输入2个Emoj之后是8个字 ...
 - 织梦5.7 TAG、标题、栏目以及keywords长度字符数限制修改
		
织梦5.7 TAG.标题.栏目以及keywords长度字符数限制修改[图文] 标签: 织梦关键词长度修改 织梦tag长度修改 织梦标题长度修改 织梦栏目长度限制修改 织梦修改 分类: 技术操作 ...
 - 对于限制UITextView输入的字符数
		
对于限制UITextView输入的字符数.相信大家在网上见得最多的是实现UITextViewDelegate 摘自:方法 - (void)viewDidLoad { self.titleText = ...
 - OpenJudge就算概论-统计字符数
		
/*===================================== 统计字符数 总时间限制: 1000ms 内存限制: 65536kB 描述 判断一个由a-z这26个字符组成的字符串中哪个 ...
 - 《c程序设计语言》读书笔记--统计总的字符数,打印能打印的最多字符
		
#include <stdio.h> #define MAXLINE 10 int getline(char line[],int maxline); void copy(char to[ ...
 - 《c程序设计语言》读书笔记--统计 行数、单词数、字符数
		
#include <stdio.h> int main() { int lin = 0,wor = 0,cha = 0; int flag = 0; int c; while((c = g ...
 - jQuery动态添加的元素中处理字符串溢出后在指定字符数后添加省略号
		
"+[jsonData[i].questitle.lenth>40?jsonData[i].questitle.substring(0,40)+"...":json ...
 
随机推荐
- C#中IDisposable学习
			
在Net中,由GC垃圾回收线程掌握对象资源的释放,程序员无法掌控析构函数的调用时机.对于一些非托管资源,比如数据库链接对象等,需要实现IDisposable接口进行手动的垃圾回收.那么什么时候使用Id ...
 - JAVA web选型
			
Web服务器是运行及发布Web应用的容器,只有将开发的Web项目放置到该容器中,才能使网络中的所有用户通过浏览器进行访问.开发Java Web应用所采用的服务器主要是与JSP/Servlet兼容的We ...
 - Log4net创建日志及简单扩展
			
转:http://blog.csdn.net/CHENFEIYANG2009/article/details/5397342 1.概述 log4net是.Net下一个非常优秀的开源日志记录组件.log ...
 - Android学习笔记(1)—Android Studio安装
			
Android Studio 是一个全新的 Android 开发环境,基于IntelliJ IDEA. 类似 Eclipse ADT,Android Studio 提供了集成的 Android 开发工 ...
 - CONTAINING_RECORD 宏
			
Windows中提供了一个宏 #define CONTAINING_RECORD (address, type, field ) ((type *)( \ (PCHAR)(address ) - \ ...
 - vs212创建mvc3项目,添加ADO.NET实体数据模型时产生  XXXX.Desiger.cs  文件为空
			
vs212创建mvc3项目,发现添加ADO.NET实体数据模型时,产生StoreDB.Desiger.cs文件为空 产生StoreDB.Desiger.cs文件为空 原因是,在vs2012中,添加AD ...
 - 跟我学机器视觉-HALCON学习例程中文详解-QQ摄像头读取条码
			
跟我学机器视觉-HALCON学习例程中文详解-QQ摄像头读取条码 第一步:插入QQ摄像头,安装好驱动(有的可能免驱动) 第二步:打开HDevelop,点击助手-打开新的Image Acquisitio ...
 - 华为  2015  机试  输出:数字后面的连续出现的(2个或多个)相同字符(数字或者字符),删去一个,非数字后面的不要删除,例如,对应输出为:33aabb55pin。
			
package 华为机试; //C++ 输入:由数字和字母组成的字符串,例如:333aaabb55ppin //输出:数字后面的连续出现的(2个或多个)相同字符(数字或者字符),删去一个,非数字后面的 ...
 - 链表反转C实现(递归与循环)
			
//逆转链表http://blog.163.com/lichunliang1988116@126/blog/static/26599443201282083655446/ #include<io ...
 - 【vijos1642】班长的任务
			
思路:这题就是学习一下算法优化,选择最优方案,O(nm) 可以学习一下<浅谈数据的合理组织>这篇论文 详见代码 #include<cstdio> #include<cst ...