- 浏览: 5777333 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (890)
- WindowsPhone (0)
- android (88)
- android快速迭代 (17)
- android基础 (34)
- android进阶 (172)
- android高级 (0)
- android拾遗 (85)
- android动画&效果 (68)
- Material Design (13)
- LUA (5)
- j2me (32)
- jQuery (39)
- spring (26)
- hibernate (20)
- struts (26)
- tomcat (9)
- javascript+css+html (62)
- jsp+servlet+javabean (14)
- java (37)
- velocity+FCKeditor (13)
- linux+批处理 (9)
- mysql (19)
- MyEclipse (9)
- ajax (7)
- wap (8)
- j2ee+apache (24)
- 其他 (13)
- phonegap (35)
最新评论
-
Memories_NC:
本地lua脚本终于执行成功了,虽然不是通过redis
java中调用lua脚本语言1 -
ZHOU452840622:
大神://处理返回的接收状态 这个好像没有监听到 遇 ...
android 发送短信的两种方式 -
PXY:
拦截部分地址,怎么写的for(int i=0;i<lis ...
判断是否登录的拦截器SessionFilter -
maotou1988:
Android控件之带清空按钮(功能)的AutoComplet ...
自定义AutoCompleteTextView -
yangmaolinpl:
希望有表例子更好。。。,不过也看明白了。
浅谈onInterceptTouchEvent、onTouchEvent与onTouch
javascript:
jQuery插件textlimit实现Javascript统计和限制字符个数功能
http://www.biuuu.com/p870.html
使用jQuery插件textlimit可以实现统计和限制字符个数功能,可应用于文本框与文本区域,
当输入文字时textlimit插件会及时统计当前文本框与文本区域中的字符个数,如果达到限制数则不允许输入,同时可设置字符删除速度,
使用实例
一,包含文件部分
1. <script type="text/javascript" src="jquery.js"></script>
2. <script type="text/javascript" src="textlimit.js"></script>
二,HTML部分
1. <input type="text" name="test" value="" id="test" /><span>20</span>/256
三,Javascript部分
1. <script type="text/javascript">
2. jQuery(document).ready(function(){
3. jQuery("#test").textlimit("span",256);
4. });
5. </script>
当在ID为test的文本框中输入文字时,textlimit插件统计当前输入字符个数并显示在一个span的元素中,如上效果图,textlimit接口如下:
1. textlimit(counter_el, thelimit, speed)
接口参数说明:
counter_el表示显示当前统计个数的选择器标签,如:span
thelimit表示限制个数,也就是最多可输入的个数,如:256
speed表示删除字符速度,默认为15,注意,如果不需要可设置为-1,但不能是0
注意:英文字符与汉字字符都统计为一个字符
textlimit插件统计和限制字符数非常简单,具体大家可以看看textlimit的库文件,非常值得推荐。
function $(id) { return document.getElementById(id); } var maxLen=255; function checkMaxInput(){ if($("summary").value.length>maxLen){ $("summary").value=$("summary").value.substring(0,maxLen); }else{ $("leaves").innerHTML=maxLen-$("summary").value.length; } }
<tr> <td>摘要:</td> <td> <html:textarea property="summary" rows="5" cols="60" onkeyup="checkMaxInput()"/> <br> 还可以输入<span class="red" id="leaves">255</span>个字符 </td> </tr>
jQuery插件textlimit实现Javascript统计和限制字符个数功能
http://www.biuuu.com/p870.html
使用jQuery插件textlimit可以实现统计和限制字符个数功能,可应用于文本框与文本区域,
当输入文字时textlimit插件会及时统计当前文本框与文本区域中的字符个数,如果达到限制数则不允许输入,同时可设置字符删除速度,
使用实例
一,包含文件部分
1. <script type="text/javascript" src="jquery.js"></script>
2. <script type="text/javascript" src="textlimit.js"></script>
二,HTML部分
1. <input type="text" name="test" value="" id="test" /><span>20</span>/256
三,Javascript部分
1. <script type="text/javascript">
2. jQuery(document).ready(function(){
3. jQuery("#test").textlimit("span",256);
4. });
5. </script>
当在ID为test的文本框中输入文字时,textlimit插件统计当前输入字符个数并显示在一个span的元素中,如上效果图,textlimit接口如下:
1. textlimit(counter_el, thelimit, speed)
接口参数说明:
counter_el表示显示当前统计个数的选择器标签,如:span
thelimit表示限制个数,也就是最多可输入的个数,如:256
speed表示删除字符速度,默认为15,注意,如果不需要可设置为-1,但不能是0
注意:英文字符与汉字字符都统计为一个字符
textlimit插件统计和限制字符数非常简单,具体大家可以看看textlimit的库文件,非常值得推荐。
/* * TextLimit - jQuery plugin for counting and limiting characters for input and textarea fields * * pass '-1' as speed if you don't want the char-deletion effect. (don't just put 0) * Example: jQuery("Textarea").textlimit('span.counter',256) * * $Version: 2009.07.25 +r2 * Copyright (c) 2009 Yair Even-Or * vsync.design@gmail.com */ (function(jQuery) { jQuery.fn.textlimit=function(counter_el, thelimit, speed) { var charDelSpeed = speed || 15; var toggleCharDel = speed != -1; var toggleTrim = true; var that = this[0]; var isCtrl = false; updateCounter(); function updateCounter(){ if(typeof that == "object") jQuery(counter_el).text(thelimit - that.value.length+" characters remaining"); }; this.keydown (function(e){ if(e.which == 17) isCtrl = true; var ctrl_a = (e.which == 65 && isCtrl == true) ? true : false; // detect and allow CTRL + A selects all. var ctrl_v = (e.which == 86 && isCtrl == true) ? true : false; // detect and allow CTRL + V paste. // 8 is 'backspace' and 46 is 'delete' if( this.value.length >= thelimit && e.which != '8' && e.which != '46' && ctrl_a == false && ctrl_v == false) e.preventDefault(); }) .keyup (function(e){ updateCounter(); if(e.which == 17) isCtrl=false; if( this.value.length >= thelimit && toggleTrim ){ if(toggleCharDel){ // first, trim the text a bit so the char trimming won't take forever // Also check if there are more than 10 extra chars, then trim. just in case. if ( (this.value.length - thelimit) > 10 ) that.value = that.value.substr(0,thelimit+100); var init = setInterval ( function(){ if( that.value.length <= thelimit ){ init = clearInterval(init); updateCounter() } else{ // deleting extra chars (one by one) that.value = that.value.substring(0,that.value.length-1); jQuery(counter_el).text('Trimming... '+(thelimit - that.value.length)); } } ,charDelSpeed ); } else this.value = that.value.substr(0,thelimit); } }); }; })(jQuery);
发表评论
-
插入google地图
2010-03-11 11:00 2048<!DOCTYPE html PUBLIC &quo ... -
网页插入PDF
2010-03-11 10:26 3461<object width="800&qu ... -
弹出层(Div)屏蔽父窗口并且让父窗口变暗
2010-03-10 16:19 2587<html> <head> & ... -
高效判断星期几的 javascript代码
2010-03-10 16:15 4382<html> <title>te ... -
Meta 标签使用详解
2009-12-17 21:09 1708meta是html语言head区的一个辅助性标签。几乎所有的 ... -
去掉图片超级链接上的虚线框
2009-12-17 18:03 2657<a href="#" id=&qu ... -
Javascript与CSS在IE和Firefox中的误区及区别
2009-12-17 17:12 23390.在firefox中不兼容window. ... -
html table 标题 不滚动
2009-12-07 16:18 3753<html xmlns="http://w ... -
100个很有用的JavaScript函数
2009-11-03 13:00 19081.document.write("") ... -
几个不常用但很有用的javascript方法
2009-11-03 12:57 26251. javascript代码延迟执行。 我们经常可以看到这 ... -
CSS中的一些小技巧
2009-10-16 22:44 18361、列表横排 将li的样式设置为 li ... -
如何让一个iframe 背景透明?
2009-10-12 17:04 6669网上查到让一个iframe 背景透明的办法: 首先在<b ... -
关键字高亮显示
2009-09-27 16:56 1871<script language="jav ... -
在javascript中获取中英文字符长度的问题
2009-09-27 16:47 2183var i="中国a"; 一般情况下,我 ... -
验证用户名是否符合长度要求
2009-09-27 16:43 2879<input name="username&q ... -
在你的网页中插入天气预报
2009-09-27 15:25 3181根据需要,下面4个随便选一个 <IFRAME ID='i ... -
JSTL之<c:forEach>
2009-09-21 15:58 19179<%@ taglib uri="http:// ... -
<logic:iterate>同for循环的用法比较
2009-09-18 13:35 4114同样生成一个Table <table id=" ... -
关闭时才执行的javasciprt
2009-09-18 13:10 18981. <html> 2. ... -
div + css命名规则
2009-09-18 13:09 1603页头:header 登录条:loginBar 标志:log ...
相关推荐
本文实例讲述了JS与jQuery判断文本框还剩多少字符可以输入的方法。分享给大家供大家参考,具体如下: javascript部分: function $(id) { return document.getElementById(id); } var maxLen=255; function ...
使用VB6判断文本框里字符位数来实现一部份你想要的功能
Vb判断输入数字、字符的方法及例子,本文本框是只允许输入数字的,如果你输入了其它类型或是混杂有其它类型的字符,那么后面的文本框会适时给出提示,告诉你输入有误。虽然是简单的小例子,但却是挺实用的,特别是...
有时,我们希望判断文本框中用户输入的字符是否含有特殊符号(*/#$@),就像用户注册时密码框的填写。 demo 利用 RegExp 对象,能很优雅的实现以上需求: // even(文本框内容) function (even) { // 规则对象(flag) ...
当数字大于1000时弹出确认对话框,提示是否将数字加入文本框中,选择是加入,选择否不加入,并且有简单的是否是数字的判断,如果不是数字就会弹出提示对话框,但这仅仅是简单的数字判断,如果是数字加字符的输入将...
Delphi 判断某一字符是否在字符串中,这里用到了Delphi AnsiMidstr函数、length函数,第一个文本框输入的是完整的字符串,第二个是目标字符串,程序将在完整字符串中查找目标字符串是否存在: begin if length...
一个WinForm程序用以测试C#正则表达式文本框验证:只能输入整数和带两位小数的小数。如暂时无法下载,可以查看本人CSDN博客里相应文章中关于该程序的思路。能力有限,仅供交流学习,请多多指教。
VS2010 C# 一个WinForm测试程序,利用正则表达式实现对“只能输入整数和保留两位小数位的小数”功能。 若用VS2013打开时报错“在证书存储区中找不到清单签名证书”,可通过“右击项目属性—>签名—>为ClickOnce清单...
js代码 [removed] //显示限制输入字符method function textAreaChange(obj){ ... var count_total = $this...jQuery textarea文本框输入文字字数限制提示代码,设置固定输入字符,实时计算显示已经输入多少字符。
MFC限制编辑框输入的字符类型演示,源代码加整个工程,包含演示的可执行性文件
在文本框中输入特定字符后判断要自动追加的字符,主要是为了方便输入,很无聊,但是希望对新手有帮助
有时,我们希望判断文本框中用户输入的字符是否含有特殊符号(*/#$@),就像用户注册时密码框的填写。 demo 利用 RegExp 对象,能很优雅的实现以上需求: // even(文本框内容) function (even) { // 规则对象(flag) ...
Vb判断输入数字、字符的方法及例子,本文本框是只允许输入数字的,如果你输入了其它类型或是混杂有其它类型的字符,那么后面的文本框会适时给出提示,告诉你输入有误。虽然是简单的小例子,但却是挺实用的,特别是对...
下面的代码定义了一个自定义控件,可以通过设置Regex(正则表达式)属性修改文本框的匹配类型(默认接受浮点数)。 支持如下三种情况: 1.正常按键输入的字符,包括西文、中文字符等 2.通过键盘快捷键方式贴入的...
自己总结的easyui验证框的一些使用方法
不能输入!@#¥%……&* 这种字符的正则表达式书写: /[@#\$%\^&\*]+/g 这个是包含以上任意一个特殊字符。取! 即可 alert(!/[@#\$%\^&\*]+/g.test(“test”)) 返回 false 就代表不包含非法字符 . PS:关于...