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 相关文章推荐
用JavaScript实现单继承和多继承的简单方法
Mar 29 Javascript
js页面跳转常用的几种方式
Nov 25 Javascript
JavaScript实现页面实时显示当前时间的简单实例
Jul 20 Javascript
利用jQuery实现可以编辑的表格
May 26 Javascript
js实现页面跳转重定向的几种方式
May 29 Javascript
js实现三张图(文)片一起切换的banner焦点图
Aug 25 Javascript
SelecT下拉框选中和取值的解决方法
Nov 22 Javascript
浅谈jQuery操作类数组的工具方法
Dec 23 Javascript
使用JS实现导航切换时高亮显示的示例讲解
Aug 22 Javascript
JS document文档的简单操作完整示例
Jan 13 Javascript
js实现复制粘贴的两种方法
Dec 04 Javascript
LayUI+Shiro实现动态菜单并记住菜单收展的示例
May 06 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中实现Javascript的escape()函数代码
2010/08/08 PHP
php结合表单实现一些简单功能的例子
2011/06/04 PHP
Zend Framework教程之Bootstrap类用法概述
2016/03/14 PHP
Joomla简单判断用户是否登录的方法
2016/05/04 PHP
ThinkPHP实现附件上传功能
2017/04/27 PHP
PHP实现断点续传乱序合并文件的方法
2018/09/06 PHP
添加到收藏夹代码(兼容几乎所有的浏览器)
2007/01/09 Javascript
对google个性主页的拖拽效果的js的完整注释[转]
2007/04/10 Javascript
$()JS小技巧
2007/07/21 Javascript
Jquery 扩展方法
2010/05/06 Javascript
使用原生javascript创建通用表单验证——更锋利的使用dom对象
2011/09/13 Javascript
原生js实现shift/ctrl/alt按键的获取
2013/04/08 Javascript
jQuery把表单元素变为json对象
2013/11/06 Javascript
table对象中的insertRow与deleteRow使用示例
2014/01/26 Javascript
angularjs指令中的compile与link函数详解
2014/12/06 Javascript
终于实现了!精彩的jquery弹幕效果
2016/07/18 Javascript
js简单正则验证汉字英文及下划线的方法
2016/11/28 Javascript
通过jsonp获取json数据实现AJAX跨域请求
2017/01/22 Javascript
es6 字符串String的扩展(实例讲解)
2017/08/03 Javascript
微信小程序loading组件显示载入动画用法示例【附源码下载】
2017/12/09 Javascript
vue移动端UI框架实现QQ侧边菜单组件
2018/03/09 Javascript
30分钟快速入门掌握ES6/ES2015的核心内容(上)
2018/04/18 Javascript
js计算两个时间差 天 时 分 秒 毫秒的代码
2019/05/21 Javascript
Python 解析XML文件
2009/04/15 Python
Python基于QRCode实现生成二维码的方法【下载,安装,调用等】
2017/07/11 Python
分享一个可以生成各种进制格式IP的小工具实例代码
2017/07/28 Python
Python基于多线程实现ping扫描功能示例
2018/07/23 Python
利用python在大量数据文件下删除某一行的例子
2019/08/21 Python
解决django-xadmin列表页filter关联对象搜索问题
2019/11/15 Python
八一建军节部队活动方案
2014/02/04 职场文书
优秀女职工事迹材料
2014/02/06 职场文书
员工生日活动方案
2014/08/24 职场文书
学校党委干部个人对照检查材料思想汇报
2014/10/09 职场文书
接收函格式
2015/01/30 职场文书
魂断蓝桥观后感
2015/06/10 职场文书
电脑无法安装Windows 11怎么办?无法安装Win11的解决方法
2021/11/21 数码科技