帮助中心
获取牛币
联系我们
关于我们
版权声明
素材牛首页
微博登录
QQ登录
微信扫码登录
注册
登录
新浪微博
QQ登陆
微信登录
热门搜索:
小程序
支付
Java
后台模板
上传
商城模板
jQuery
手机
Thinkphp
微信
Vue.js
首 页
网页特效
整站源码
PHP实例
网站模版
工具箱
常用代码
论坛
游戏源码
资源分享
当前位置:
首页
»
精选常用代码
» 限制文本域输入长度效果
限制文本域输入长度效果
浏览:583次
-
评论:1次
-
发布时间:2018-03-02
Html
Css
Js
textarea 显示限制输入字符
Reason
200
/
200
textarea { width:70%; height:200px; padding:5px }
//显示限制输入字符method function textAreaChange(obj) { var $this = $(obj); var count_total = $this.next().children('span').text(); var count_input = $this.next().children('em'); var area_val = $this.val(); if (area_val.len() > count_total) { area_val = autoAddEllipsis(area_val, count_total); //根据字节截图内容 $this.val(area_val); count_input.text(0); //显示可输入数 } else { count_input.text(count_total - area_val.len()); //显示可输入数 } } //得到字符串的字节长度 String.prototype.len = function() { return this.replace(/[^\x00-\xff]/g, "xx").length; }; /* * 处理过长的字符串,截取并添加省略号 * 注:半角长度为1,全角长度为2 * pStr:字符串 * pLen:截取长度 * return: 截取后的字符串 */ function autoAddEllipsis(pStr, pLen) { var _ret = cutString(pStr, pLen); var _cutFlag = _ret.cutflag; var _cutStringn = _ret.cutstring; return _cutStringn; } /* * 取得指定长度的字符串 * 注:半角长度为1,全角长度为2 * pStr:字符串 * pLen:截取长度 * return: 截取后的字符串 */ function cutString(pStr, pLen) { // 原字符串长度 var _strLen = pStr.length; var _tmpCode; var _cutString; // 默认情况下,返回的字符串是原字符串的一部分 var _cutFlag = "1"; var _lenCount = 0; var _ret = false; if (_strLen <= pLen / 2) { _cutString = pStr; _ret = true; } if (!_ret) { for (var i = 0; i < _strLen; i++) { if (isFull(pStr.charAt(i))) { _lenCount += 2; } else { _lenCount += 1; } if (_lenCount > pLen) { _cutString = pStr.substring(0, i); _ret = true; break; } else if (_lenCount == pLen) { _cutString = pStr.substring(0, i + 1); _ret = true; break; } } } if (!_ret) { _cutString = pStr; _ret = true; } if (_cutString.length == _strLen) { _cutFlag = "0"; } return { "cutstring": _cutString, "cutflag": _cutFlag }; } /* * 判断是否为全角 * * pChar:长度为1的字符串 * return: true:全角 * false:半角 */ function isFull(pChar) { if ((pChar.charCodeAt(0) > 128)) { return true; } else { return false; } }
↑上面代码改变,会自动显示代码结果
jQuery调用版本:
1.11.3
<!doctype html><html><head><meta charset="utf-8"><title>限制文本域输入长度效果-www.sucainiu.com</title><script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script><style>
</style></head><body>
<script>
</script>
</body></html>
立即下载
收藏
积分说明:注册即送10牛币,每日签到可获得5牛币,成为VIP会员可永久免牛币下载!
充值积分
充值会员
更多说明»
代码描述:js限制文本域长度
HTML、CSS实现的进度条
联动下拉框效果代码
讨论这个常用代码(1)
回答他人问题或分享心得会奖励牛币
Lv2 入门
馒***记
2018年05月30日
正好有需求!!!
回复
文明上网,理性发言! 😉 阿里云幸运券,
戳我领取
发表评论
提交回复
我的积分余额:
0
已下载次数:
583
所需牛币:
5
开始下载
牛币获取:
签到、评论、充值
» 在线充值
(10牛币=1元)
成为VIP可永久免积分下载全部常用代码
» 查看详情
VIP
客服
签到
充值