<textarea rows="4" cols="30" id="test" onKeyUp="textLimitCheck(this, 250);"></textarea>
<br/>(限 250 个字符 已输入 <font color="#CC0000"><span id="messageCount">0</span></font> 个字)
<script language=javascript>
String.prototype.getBytes = function() {
var cArr = this.match(/[^\x00-\xff]/ig);
return this.length + (cArr == null ? 0 : cArr.length);
}
function textLimitCheck(thisArea, maxLength){
var len = thisArea.value.getBytes();
if (len > maxLength)
{
alert(maxLength + ' 个字限制. \r超出的将自动去除.');
var tempStr = "";
var areaStr = thisArea.value.split("");
var tempLen = 0;
for(var i=0,j=areaStr.length;i<j;i++){
tempLen += areaStr[i].getBytes();
if(tempLen<=maxLength){
tempStr += areaStr[i];
}
}
thisArea.value = tempStr
thisArea.focus();
}
/*回写span的值,当前填写文字的数量*/
messageCount.innerText = thisArea.value.length;
}
</script>
分享到:
相关推荐
### JavaScript常用判断知识点详解 #### 1. 字符串长度限制与判断 在网页表单设计中,常常需要对用户输入的数据进行长度限制,避免过长的文本输入导致数据库存储问题或者界面显示不美观。 ##### 实现方法 可以通过...
在开发Web应用时,有时我们需要实现一种功能,即在用户输入textarea时实时截取文本,这在例如富文本编辑器、聊天应用或者实时预览文本格式的场景中非常常见。Vue.js是一个流行的JavaScript框架,它提供了响应式的...
在移动端应用开发过程中,为了提供更好的用户体验以及对用户输入的有效管理,开发者经常需要实现一个功能:当用户在一个`textarea`中输入文字时,实时监控输入的字数,并根据设定的规则来改变界面元素的状态。...
根据提供的文件信息,本文将介绍如何使用JavaScript(简称js)技术来实现对网页中的多行文本输入框(textarea)输入字符数的限制。同时,将展示如何通过监听键盘的按下(onKeyDown)和抬起(onKeyUp)事件,来动态地...
在本文中,我们将学习如何使用JavaScript来限制HTML中的textarea元素,使得用户在每行输入时的字符串长度不超过特定的限制。这在某些场景下非常有用,例如当我们需要用户填写格式化的文本,如留言、评论等,并且希望...
这篇文章将介绍如何在layui中创建一个只允许输入中文的输入框,并且如何判断输入的长度是否符合要求。 ### 知识点一:layui表单验证简介 layui框架提供了非常强大的表单验证功能,通过内置的`lay-verify`属性,可以...
本篇文章提供了一种针对JavaScript环境下TextArea文本域字符串长度限制的方法,并着重解决了一个特定问题:在Internet Explorer(IE)浏览器中,当用户输入日语和全角字符时出现的BUG。 该方法中,提出了一个名为...
通过比较新旧文本的长度,我们可以判断是否需要扩展组件,并根据文字数量动态调整textarea的CSS属性,如高度(`height`)。 为了实现平滑的动画效果,Growy可能还利用了CSS3的过渡效果(`transition`)。通过设置适当...
根据给定的文件信息,以下是对标题、描述、标签和部分内容中提及的知识点的详细说明: ...通过本例的学习,开发者可以掌握在实际项目中如何动态限制textarea输入长度,并对中英文字符进行准确的计数。
在JavaScript中,限制表单输入长度是一个常见的需求,特别是在用户填写信息时,为了防止过长的文本导致数据处理问题或界面展示不协调。本话题主要介绍如何限制输入字段(特别是汉字)的长度,并实时显示剩余可输入...
在网页设计中,经常需要处理用户输入的数据,其中判断输入字符串的长度是非常常见的需求。尤其是在涉及到数据库表字段长度限制时,如果用户输入的数据超过了设定的最大字符长度,将会导致提交失败。因此,在用户实际...
首先,我们来分析标题:"JS判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个)"。标题中提到的“JS”是JavaScript的缩写,它是一种广泛用于网页开发的脚本语言。标题描述了一个具体的编程任务,即需要编写...
3.11 判断字符串中有多少汉字 3.12 去除字符串的前后空格 3.13 刷新时清空所有文本框 3.14 随意改变大小的文本框 3.15 文本框的自动全选 3.16 文本框滚动导航 3.17 按钮获取焦点 3.18 文本框获取焦点弹出下拉框 3.19...
3.11 判断字符串中有多少汉字 3.12 去除字符串的前后空格 3.13 刷新时清空所有文本框 3.14 随意改变大小的文本框 3.15 文本框的自动全选 3.16 文本框滚动导航 3.17 按钮获取焦点 3.18 文本框获取焦点弹出下拉框 3.19...
判断是否输入汉字与仅允许输入汉字 对于需要输入中文的场景,可以使用正则表达式来实现汉字输入的限制: ```javascript (/[^\u4E00-\u9FA5]/g,'')"> ``` 这里使用了正则表达式`/[^\u4E00-\u9FA5]/g`来匹配所有非...
- **条件判断**:使用`if`语句判断`textarea`的值(即`document.a.b.value`)的长度是否超过50。如果超过,则弹出警告框,并使光标聚焦到`textarea`上,最后返回`false`阻止表单提交。 - **应用场景**:适用于各种...
本文将详细介绍如何使用jQuery实现一个字符输入个数的判断功能,并在超过指定长度时自动进行截取处理。具体而言,该功能会根据不同的字符类型来计算长度:对于数字和英文字母,每个字符计为1个单位;而对于中文字符...
自动下拉功能主要是指当用户在 textarea 中输入文字时,textarea 的高度能够根据内容自动扩展,从而避免内容溢出,提供更好的用户体验。这种功能在很多网站中都有应用,比如微博、博客等平台的评论区。 #### 1.3 ...