jquery判断字符输入个数(数字英文长度记为1,中文记为2,超过长度自动截取)


Posted in Javascript onOctober 15, 2010

1. $('textarea#txtPrizeNote'); //表示textarea控件名称
2. 'span' 显示剩余字数的标签
HTML:

<div> 
<textarea id="txtPrizeNote" runat="server" height="74px" width="480px" maxlength="10" 
style="width: 480px; height: 74px; float: left"></textarea> 
<span style="color: Red;">*</span><br /> 
剩余字数:<span id="showmsg" style="color: red"></span> 
</div>

<script type="text/javascript"> 
//返回val的字节长度 
function getByteLen(val) { 
var len = 0; 
for (var i = 0; i < val.length; i++) { 
if (val[i].match(/[^\x00-\xff]/ig) != null) //全角 
len += 2; 
else 
len += 1; 
} 
return len; 
} 
//返回val在规定字节长度max内的值 
function getByteVal(val, max) { 
var returnValue = ''; 
var byteValLen = 0; 
for (var i = 0; i < val.length; i++) { 
if (val[i].match(/[^\x00-\xff]/ig) != null) 
byteValLen += 2; 
else 
byteValLen += 1; 
if (byteValLen > max) 
break; 
returnValue += val[i]; 
} 
return returnValue; 
} 
$(function() { 
var _area = $('textarea#txtPrizeNote'); 
var _info = _area.next(); 
var _max = _area.attr('maxlength'); 
var _val; 
_area.bind('keyup change', function() { //绑定keyup和change事件 
if (_info.find('span').size() < 1) {//避免每次弹起都会插入一条提示信息 
_info.append(_max); 
} 
_val = $(this).val(); 
_cur = getByteLen(_val); 
if (_cur == 0) {//当默认值长度为0时,可输入数为默认maxlength值 
_info.text(_max); 
} else if (_cur < _max) {//当默认值小于限制数时,可输入数为max-cur 
_info.text(_max - _cur); 
} else {//当默认值大于等于限制数时 
_info.text(0); 
$(this).val(getByteVal(_val,_max)); //截取指定字节长度内的值 
} 
}); 
}); 
</script>
Javascript 相关文章推荐
flash javascript之间的通讯方法小结
Dec 20 Javascript
基于jquery+thickbox仿校内登录注册框
Jun 07 Javascript
DLL+ ActiveX控件+WEB页面调用例子
Aug 07 Javascript
基于jQuery的仿flash的广告轮播代码
Nov 04 Javascript
artdialog的图片/标题以及关闭按钮不显示的解决方法
Jun 27 Javascript
js实现tab切换效果实例
Sep 16 Javascript
jquery实现select选择框内容左右移动代码分享
Nov 21 Javascript
JavaScript类型系统之Object详解
Jan 07 Javascript
Vue.js实现拖放效果的实例
Sep 30 Javascript
jQuery实现可兼容IE6的遮罩功能详解
Sep 19 jQuery
JavaScript使用面向对象实现的拖拽功能详解
Jun 12 Javascript
微信小程序点击view动态添加样式过程解析
Jan 21 Javascript
jquery 元素相对定位代码
Oct 15 #Javascript
JQuery小知识
Oct 15 #Javascript
JQuery1.4+ Ajax IE8 内存泄漏问题
Oct 15 #Javascript
关于IE浏览器以及Firefox下的javascript冒泡事件的响应层级
Oct 14 #Javascript
js限制文本框为整数和货币的函数代码
Oct 13 #Javascript
javascript中&quot;/&quot;运算符常见错误
Oct 13 #Javascript
javascript一个无懈可击的实例化XMLHttpRequest的方法
Oct 13 #Javascript
You might like
聊天室php&amp;mysql(六)
2006/10/09 PHP
php_screw 1.5:php加密: 安装与使用详解
2013/06/20 PHP
Smarty局部缓存的几种方法简介
2014/06/17 PHP
event.srcElement 用法笔记e.target
2009/12/18 Javascript
海量经典的jQuery插件集合
2010/01/12 Javascript
HTML上传控件取消选择
2013/03/06 Javascript
浅析JavaScript事件和方法
2015/02/28 Javascript
jQuery实现类似老虎机滚动抽奖效果
2015/08/06 Javascript
详细分析Javascript中创建对象的四种方式
2016/08/17 Javascript
Javascript this 函数深入详解
2016/12/13 Javascript
javascript编程实现栈的方法详解【经典数据结构】
2017/04/11 Javascript
Cpage.js给组件绑定事件的实现代码
2017/08/31 Javascript
Vue中jsx不完全应用指南小结
2019/11/01 Javascript
js实现网页版贪吃蛇游戏
2020/02/22 Javascript
VueCli生产环境打包部署跨域失败的解决
2020/11/13 Javascript
Vue实现圆环进度条的示例
2021/02/06 Vue.js
[06:04]DOTA2国际邀请赛纪录片:Just For LGD
2013/08/11 DOTA
Python时区设置方法与pytz查询时区教程
2013/11/27 Python
python自动格式化json文件的方法
2015/03/11 Python
利用Python的Django框架中的ORM建立查询API
2015/04/20 Python
python实现多进程代码示例
2018/10/31 Python
Python面向对象程序设计类变量与成员变量、类方法与成员方法用法分析
2019/04/12 Python
python实现简单成绩录入系统
2019/09/19 Python
nohup的用法
2014/08/10 面试题
护理专业的自荐信
2013/10/22 职场文书
《小小雨点》教学反思
2014/02/18 职场文书
党员学习党的群众路线思想汇报(5篇)
2014/09/10 职场文书
关于成绩下滑的自我检讨书
2014/09/20 职场文书
预备党员考察表党小组意见
2015/06/01 职场文书
家长意见和建议怎么写
2015/06/04 职场文书
2015秋季开学典礼演讲稿
2015/07/16 职场文书
美德少年主要事迹材料
2015/11/04 职场文书
2016年“世界环境日”校园广播稿
2015/12/18 职场文书
python 利用PyAutoGUI快速构建自动化操作脚本
2021/05/31 Python
SQL Server代理:理解SQL代理错误日志处理方法
2021/06/30 SQL Server
我的收音机情缘
2022/04/05 无线电