首页 > 代码库 > textarea限制字符数
textarea限制字符数
html代码:
1 <div class="remark_edit J_Remark_Edit"> 2 <div class="tip-body"> 3 <h4>备注信息:</h4> 4 <textarea cols="44">请输入备注信息</textarea> 5 </div> 6 <div class="tip-ctrl"> 7 <a href="http://www.mamicode.com/#" class="btn-s-red J_Remark_Yes">确定</a> 8 <a href="http://www.mamicode.com/#" class="btn-s-gray J_Remark_Cancel">取消</a> 9 <span>10 还能输入<strong class="maxNum" style="color: rgb(51, 51, 51);">137</strong>个字11 </span>12 </div>13 </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();
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。