conkeyn
- 浏览: 1524948 次
- 性别:
- 来自: 厦门
-
文章分类
- 全部博客 (516)
- Java (49)
- Java/Struts 2.0 (25)
- Java/Spring、Spring MVC (11)
- Java/Quartz (3)
- Java/Lucene (6)
- Java/Hibernate (19)
- Java/openJPA (7)
- Java/DWR (7)
- Java/Security、Spring Security/OAuth2 (6)
- Java/Threading (9)
- Java/XML (22)
- java/design pattern (4)
- Android (2)
- JavaScript (46)
- jquery (3)
- DB/MySQL (23)
- DB/Oracle (16)
- PHP (25)
- CSS (20)
- Linux (38)
- C/C++、DLL、Makefile、VC++ (31)
- 正则 (9)
- Eclipse (4)
- 安全、网络等概念 (25)
- 集群 (7)
- 网页 (5)
- 视频\音频 (1)
- HTML (6)
- 计算机数学/算法 (3)
- Virtualbox (1)
- LDAP (2)
- 数据挖掘 (6)
- 工具破解 (1)
- 其他 (13)
- Mail (1)
- 药材 (3)
- 游戏 (2)
- hadoop (13)
- 压力测试 (3)
- 设计模式 (3)
- java/Swing (2)
- 缓存/Memcache (0)
- 缓存/Redis (1)
- OSGI (2)
- OSGI/Gemini (0)
- 文档写作 (0)
- java/Servlet (3)
- MQ/RabbitMQ (2)
- MQ/RocketMQ (0)
- MQ/Kafka (1)
- maven (0)
- SYS/linux (1)
- cache/redis (1)
- DB/Mongodb (2)
- nginx (1)
- postman (1)
- 操作系统/ubuntu (1)
- golang (1)
- dubbo (1)
- 技术管理岗位 (0)
- mybatis-plus (0)
最新评论
-
pgx89112：
大神，请赐我一份这个示例的项目代码吧，万分感谢，1530259 ...
spring的rabbitmq配置 -
string2020：
不使用增强器 怎么弄？
OpenJPA的增强器 -
孟江波：
学习了，楼主，能否提供一份源代码啊，学习一下，十分感谢！！！4 ...
spring的rabbitmq配置 -
eachgray：
...
spring-data-redis配置事务 -
qljoeli：
学习了，楼主，能否提供一份源代码啊，学习一下，十分感谢！！！1 ...
spring的rabbitmq配置
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>javascript 计算文本框文字长度</title>
<script type="text/javascript">
/**
* 把中文字符替换两个星号，可以用来计算中文字符串的长度。
*/
String.prototype.len=function(){
return this.replace(/[^\x00-\xff]/g,"**").length;
}
/**
* 计算文字长度。
* param1 要计算的文本框ID，<input id="xxxx">----必需
* param2 要限制的文字长度，数值----必需
* param3 剩余几个字符串的span的id，<span id="zzzzz">
*/
function checkContentLength(){
var content = document.getElementById(arguments[0]);
var length=50;
if(arguments.length==3){
length=arguments[1];
var message = document.getElementById(arguments[2]);
var l=length-content.value.len();
if(l<0){
l=0;
}
message.innerHTML="剩余"+l+"字";
}else if(arguments.length==2){
length=arguments[1];
}
if(content.value.len()>length){
alert("您输入的文字长度已超过限制，请酌情删减！");
}
}
</script>
</head>
<body>
<textarea cols="50" rows="5" id="content" onkeypress="checkContentLength('content',30,'message')"></textarea><span id="message"></span>
</body>
</html>
分享到：
发表评论
-
Angularjs 1.x 中使用 layDate 日期控件
2017-10-18 11:30 1832本文参照Angularjs 中使用 layDate 日期控 ... -
简易向左移动的滚动效果 jquery simple marquee
2017-10-15 14:57 600<!DOCTYPE html> ... -
angualrjs添加动态指令（动态编译指令）
2017-09-26 20:45 534本文参考自后补全的代码：http://blog.csdn. ... -
CKeditor的取值和赋值
2017-07-05 14:51 1692<script type="text ... -
Spring boot 环境下配置CKEditor添加google map
2017-07-05 14:39 1254本文档基于已经搭建好基础ckeditor的环境上。如：ht ... -
javascript中借用别的类的方法
2015-12-23 21:58 469借用别的类的方法 /** * Created by ... -
Javascript的类与子类创建
2015-11-11 20:45 860声明父类与子类的示 ... -
jQuery 对 select 操作
2011-09-30 16:54 943转自：http://blog.sina.com.cn/s/bl ... -
JSON2的使用方法心得
2010-10-08 15:09 1894var myJSONObject = {"bindi ... -
json对象的应用
2010-09-07 10:37 1864JSON对象就像是PHP或Java中map型（数组） ... -
JQuery对html控件操作总结
2010-08-11 09:28 2404转自：http://www.cnblogs.com ... -
将json元素添加到表单select中
2010-08-10 15:06 1297将json元素添加到表单select中。 $.a ... -
js加密解密
2010-02-10 16:04 1177JavaScript Code Obfuscator ... -
设为首页JS,加入收藏夹js,加入收藏夹代码,设为首页代码,火狐和ie兼容
2010-01-25 23:10 3785<!DOCTYPE html PUBLIC " ... -
精通 JS正则表达式
2009-11-23 09:36 1080转自：http://www.iteye.com/topic/4 ... -
jQuery.Autocomplete 中文支持
2009-11-10 09:01 28487插件地址：http://bassistan ... -
强烈推荐：240多个jQuery插件
2009-11-08 21:26 1294概述 jQuery 是继 prototype 之后又一个优秀 ... -
jQuery中this与$(this)的区别
2009-11-04 16:28 2454$("#textbox").hover( ... -
JS获得鼠标位置（兼容多浏览器ie,firefox）
2009-10-31 18:57 3782<!DOCTYPE html PUBLIC " ... -
javascript 计算文字长度
2009-10-15 17:52 1706/** * 把中文字符替换两个星号，可以用来计算中文字符串的 ...
相关推荐
具体来说，函数会计算文本框内容的长度（`obj.value.length`），然后将其赋值给一个指定的`<input>`元素（`contentLen`），用来显示当前的字符数。此外，为了适应短信平台的需求，代码中还考虑了短信的字符限制，即...
《jQuery实现输入文本框文字放大显示特效》 在网页设计中，为了提升用户体验，经常会用到各种交互特效。其中，输入框文字放大显示是一种常见且实用的特效，它能够帮助用户更清晰地看到正在输入的文字，尤其适用于...
在网页设计中，提高用户体验是至关重要的，尤其是在社交...需要注意的是，为了更好地适应不同语言的字符长度，如中文、日文等，可能需要对计算剩余字数的逻辑进行调整，确保准确无误地反映出不同字符集下的字数限制。
"jQuery文本框输入文字计数显示代码.zip" 提供了一个解决方案，帮助开发者创建一个能够实时显示输入字符数的文本框，以此来限制用户的输入长度，提升用户体验，特别是在需要用户填写特定字数限制的表单场景下。...
当textarea的`input`事件触发时，我们计算当前的字符数，如果超过了最大长度，就将textarea的值截断。同时，我们更新`counterElement`的内容，显示已输入的字符数。 在实际应用中，你可能还需要添加一些额外的功能...
本主题聚焦于如何使用jQuery来实现一个功能：在input文本框中限制用户输入的文字数量，并实时显示剩余可输入字符数。这个功能在很多场景下都非常实用，例如评论系统、表单填写等，可以有效地帮助用户控制输入内容的...
本资源“jQuery textarea文本框输入文字字数限制提示代码.zip”提供了一个实用的功能，即对textarea输入框进行字数限制，并实时显示当前已输入的字符数，这对于创建表单、评论区或任何需要限制用户输入的场景非常...
而“grow-textarea”插件通过监听用户的输入事件，实时计算文本框需要的高度，使文本框能自适应内容的长度，避免了滚动条的出现，提高了输入的便捷性和可读性。 实现这个功能的核心原理包括以下几点： 1. **事件...
"jQuery计算文本框可输入字数特效代码"就是这样一个实用的工具，它可以帮助开发者轻松实现这一功能。 jQuery是一款轻量级的JavaScript库，它极大地简化了JavaScript的DOM操作，事件处理，动画设计以及Ajax交互。在...
而JavaScript代码则是负责处理用户输入行为的逻辑，通过监听文本框的输入事件，并实时计算文本框中的文字数量来控制输入。 上述提供的代码示例中，使用了jQuery框架来简化DOM操作和事件处理。在代码中，定义了一个...
本文将详细介绍一个基于jQuery的文本框字符限制插件，该插件能够有效地控制文本框的最大输入字符长度，并提供友好的提示信息。 1. 插件功能概述： - 最大输入字符限制：用户可以自定义文本框的最大输入字符数，...
2. **计数器更新**：在事件处理器内部，获取当前文本框的值并计算字符数，然后与最大限制进行比较。 3. **反馈显示**：可以创建一个辅助的标签或提示来显示剩余字数，每当计数器更新时，也更新这个提示。 以下是一...
14.9 获取字符串型数组下标的数组长度 14.10 用JavaScript实现数组排序 14.11 数字千分位函数 14.12 读写Cookie的函数 14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript...
- **JavaScript**：用于监听文本框的内容变化，并根据内容长度动态调整文本框的高度。 #### HTML结构 首先，我们需要创建一个简单的`<textarea>`元素，它将作为用户输入文本的容器： ```html ...
总结来说，jQuery文本框字符限制插件是通过JavaScript和jQuery实现的高效工具，它提供了一种简单且灵活的方式来管理文本框的字符输入，确保了数据的一致性和页面的整洁性。对于需要控制用户输入长度的场合，这款插件...
3. 字符长度计算：通过监听文本框中的输入事件，我们可以获取文本框中的文本长度，从而根据长度来调整文本框的尺寸。在上述示例代码中，`getText.value.length`获取了文本框中字符串的长度，并用于调整文本框的`size...
14.9 获取字符串型数组下标的数组长度 14.10 用JavaScript实现数组排序 14.11 数字千分位函数 14.12 读写Cookie的函数 14.13 获取JavaScript函数中的所有参数 14.14 奇偶数的判断 14.15 在JavaScript运行VBScript...
本教程将详细讲解如何使用jQuery实现textarea文本框的文字字数限制及实时提示功能。 首先，我们需要在HTML中创建一个textarea元素，用于用户输入文本，并添加一个用于显示剩余字数的元素。例如： ```html 请输入...