<!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个单位；而对于中文字符...
$("input").inputlimit(options... gbk: true //中文字符是否占用2长度 }, numeric: { //数字/小数设置 allowdec: 0, //小数位,-1:无小数,0:不限制小数位,>0:具体位数 negative: 0 //允许负数 1:允许,0:不允许 } }
在IT领域，尤其是在网页开发中，"jquery输入框随输入字符长度自动增长"是一个常见的交互设计功能。这个功能使得文本输入框（input field）能够随着用户输入的字符数量增加而动态调整宽度，提供更好的用户体验，特别...
### jQuery截字符串长度插件知识点解析 #### 一、插件概述 在Web开发中，经常需要对HTML页面中的文本内容进行截取处理，尤其是在显示摘要或者限制输入长度时非常常见。本文介绍的jQuery插件可以实现对HTML元素中的...
### 表单输入一定长度的字符后自动提交的知识点解析 在现代Web开发中，实现表单自动提交是一项实用的功能，特别是在需要用户输入特定长度文本的场景下。本篇文章将详细解析如何通过JavaScript来实现这一功能，并...
"jQuery 文本文本框输入字符限制插件"是一个专门针对这种情况设计的解决方案，它模仿了 Twitter 的输入限制功能，为用户提供了一种友好的提示方式，避免了简单地阻止用户输入，而是以一种优雅的方式告知用户剩余可...
其中包括JQuery验证所需要的文件以及使用方法 ...13、请输入一个长度介于 {0} 和 {1} 之间的字符串 14、请输入一个介于 {0} 和 {1} 之间的值 15、请输入一个最大为 {0} 的值 16、请输入一个最小为 {0} 的值
MD5（Message-Digest Algorithm 5）和SHA1（Secure Hash Algorithm 1）都是常见的哈希函数，它们可以将任意长度的数据转化为固定长度的摘要，具有不可逆性，常用于验证数据完整性或密码存储。 1. **MD5加密**：MD5...
当用户尝试提交表单时，`jquery.validate.js`会自动检查所有字段，如果textarea的长度超过200个字符，就会阻止表单提交并显示错误信息。 通过这种方式，我们可以灵活地控制用户在textarea中输入的文本长度，提高...
总的来说，这段代码的目的是为了实现一个动态的字符串截取功能，它基于jQuery，能够自动处理DOM元素内的文本内容，使其不超过预设的字符长度。通过给`<div>`添加`limit`属性，我们可以轻松控制每个元素的显示内容，...
本篇文章将着重介绍如何使用jQuery这一流行的JavaScript库来检测用户输入的字符串中英文字符和中文字符的数量。 首先，我们来了解一下文章中提到的两种实现方法： 方法一是基于页面加载完成的事件处理。通过$...
### 知识点三：字符长度限制 在`keypress`、`paste`和`keyup`事件的处理函数中，我们使用了`$(this).data("maxlength")`来获取绑定在文本框上的最大长度值。如果这个值大于0，那么我们需要对文本框的当前值长度进行...
考虑到中文字符占用2字节，英文字符占用1字节，它遍历字符串计算总字节数，并返回是否超标的判断结果。 结合这三个函数，你可以实现一个完整的限制`textarea`每行输入字符串长度的功能。此外，你还可以扩展这些函数...
在本次提供的内容中，涉及到jQuery限制输入字符串长度的方法，具体实现通过一个名为artTxtCount的插件来完成。接下来，我们将详细介绍实现过程中的关键技术点： 1. **选择器和事件绑定**：插件首先定义了$.fn....
3. **`jquery.animateNumber.js`**：这是一个特定的 jQuery 插件，专为数字动画而设计。它扩展了 jQuery，提供了额外的方法来执行数字累加动画。例如，`$.animateNumber()` 方法可以接受参数来控制动画速度、步长和...
这个功能可以将用户输入的中文字符转化为对应的拼音，同时还能生成中文汉字的唯一编号。这种技术在诸如搜索引擎优化（SEO）、数据分析、语音合成等方面都有广泛的应用。 首先，我们来了解一下jQuery库。jQuery是一...
1. 必须为数字：不允许输入非数字字符。 2. 范围限制：比如最小值和最大值。 3. 长度限制：限制输入的位数，如两位小数等。 三、字符验证 字符验证通常针对文本输入，确保输入的是字母或其他特定字符。验证规则可能...
本文将重点介绍标题为“jQuery 文本框字符限制插件 Textarea”的相关知识点，该插件主要用于限制用户在textarea文本框中输入的字符数。 在网页设计中，有时我们需要对用户的输入进行控制，例如限制评论长度、留言...
2. **数字限制**：在某些情况下，系统可能需要限制用户输入的字符类型为数字，并且有特定的长度限制。例如，中国的电话号码通常为11位数字，所以输入框应限制最多输入11位数字。 3. **实时反馈**：“提示输入剩余...