<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
</HEAD>
<BODY>
<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>
</BODY>
</HTML>
<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>
引自:
http://www.jb51.net/article/25001.htm
分享到:
相关推荐
jquery判断字符输入个数(数字英文长度记为1,中文记为2,超过长度自动截取)
$("input").inputlimit(options... gbk: true //中文字符是否占用2长度 }, numeric: { //数字/小数设置 allowdec: 0, //小数位,-1:无小数,0:不限制小数位,>0:具体位数 negative: 0 //允许负数 1:允许,0:不允许 } }
jquery输入框随输入字符长度自动增长
其中包括JQuery验证所需要的文件以及使用方法 ...13、请输入一个长度介于 {0} 和 {1} 之间的字符串 14、请输入一个介于 {0} 和 {1} 之间的值 15、请输入一个最大为 {0} 的值 16、请输入一个最小为 {0} 的值
能够对html中的文本进行按需按类型截取一定长度,插件化
jQuery qrcode 实现输入字符串显示二维码,页面显示二维码
例子,截取字符串代码。 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery截取字符串操作---www.jb51.net</...
主要介绍了jQuery限制输入字符串长度的方法,实例讲解,非常实用,需要的朋友可以参考下。
主要介绍了jQuery检测输入的字符串包含的中英文的数量的实现方法,非常的实用,这里推荐给小伙伴,有需要的朋友可以参考下。
jQuery输入密码强度验证代码,在密码校验框输入密码后检查是否包含大小写字母和数字和长度至少为十个字符,以判断密码强弱。
* 注:半角长度为1,全角长度为2 * pStr:字符串 * pLen:截取长度 * return: 截取后的字符串 */ function autoAddEllipsis(pStr, pLen) { var _ret = cutString(pStr, pLen); var _cutFlag = _ret....
本文分享了jQuery实现限制文本框的输入长度的示例代码,具有一定的参考价值,下面跟着小编一起来看下吧
截取指定长度字符串操作在网站建设中大量使用,尤其是在新闻列表这种类型的操作中大量应用。 下面就是一个截取字符串代码实例: <!DOCTYPE HTML> <html> <head> <meta ...
主要介绍了jQuery实现字符串按指定长度加入特定内容的方法,实例分析了jQuery操作字符串的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
实时显示可输入的字符(或字节)数,超出的输入内容被排除
趁我写例子这点时间有两个人回答了 呵呵 刚才试验过了 看下例子吧 JS 方法: 代码如下: [removed] // 得到字符串的真实长度(双字节换算为两个单字节) function getStrActualLen(sChars) { //sChars.replace(/[^\x...
14 rangelength:[5,10] 输入长度必须介于 5 和 10 之间的字符串(汉字算一个字符)。 15 range:[5,10] 输入值必须介于 5 和 10 之间。 16 max:5 输入值不能大于 5。 17 min:10 输入值不能小于 10