jQuery插件InputLimitor实现文本框输入限制字数统计
2011-03-19 18:39
495 查看
使用说明
需要使用jQuery库文件和InputLimitor库文件
http://jquery.com/
http://plugins.jquery.com/project/inputlimitor
同时可自定义显示提示框的CSS样式
使用实例
一,包含文件部分
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.inputlimitor.1.0.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.inputlimitor.1.0.css" />
二,HTML部分
<textarea rows="3" cols="30" name="textarea" class="limited"></textarea>
三,javascript部分
$('.limited').inputlimitor();
如上实例是最简单的一种使用形式,如果要提示当前字符输入数和总数,可使用如下方法:
$('input[name=text1]').inputlimitor({
limit: 50,
remText: '%n caractere%s restantes',
limitText: 'Campo limitado a %n caractere%s.'
});
limit表示字符输入的限制数,remText表示输入字符提示文本,其中%n表示当前剩余字符数,%s表示输入的限制数。
另外类似textlimit插件提示效果使用实例
1,HTML部分
<input type="text" name="text3" id="text3" size="30" />
<span id="limitingtext" style="color: #999;">Field limited to 30 characters.</span>
2,Javascript部分
$('input[name=text3]').inputlimitor({
limit: 30,
boxId: 'limitingtext',
boxAttach: false
});
boxId表示提示信息显示的ID
InputLimitor插件与textlimit插件使用基本上差不多,都非常简单,InputLimitor插件功能更为强大,值得推荐!
点我下载InputLimitor
http://jquerycodes.googlecode.com/files/jquery-inputlimitor.1.0.zip
需要使用jQuery库文件和InputLimitor库文件
http://jquery.com/
http://plugins.jquery.com/project/inputlimitor
同时可自定义显示提示框的CSS样式
使用实例
一,包含文件部分
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.inputlimitor.1.0.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.inputlimitor.1.0.css" />
二,HTML部分
<textarea rows="3" cols="30" name="textarea" class="limited"></textarea>
三,javascript部分
$('.limited').inputlimitor();
如上实例是最简单的一种使用形式,如果要提示当前字符输入数和总数,可使用如下方法:
$('input[name=text1]').inputlimitor({
limit: 50,
remText: '%n caractere%s restantes',
limitText: 'Campo limitado a %n caractere%s.'
});
limit表示字符输入的限制数,remText表示输入字符提示文本,其中%n表示当前剩余字符数,%s表示输入的限制数。
另外类似textlimit插件提示效果使用实例
1,HTML部分
<input type="text" name="text3" id="text3" size="30" />
<span id="limitingtext" style="color: #999;">Field limited to 30 characters.</span>
2,Javascript部分
$('input[name=text3]').inputlimitor({
limit: 30,
boxId: 'limitingtext',
boxAttach: false
});
boxId表示提示信息显示的ID
InputLimitor插件与textlimit插件使用基本上差不多,都非常简单,InputLimitor插件功能更为强大,值得推荐!
点我下载InputLimitor
http://jquerycodes.googlecode.com/files/jquery-inputlimitor.1.0.zip
相关文章推荐
- jQuery插件InputLimitor实现文本框输入限制字数统计
- jQuery插件InputLimitor实现文本框输入限制字数统计
- jquery实现输入字数统计以及限制
- Jquery 插件限制文本框输入的字数,包括字母,汉字
- Jquery 限制文本框输入字数
- Jquery实现仿新浪微博获取文本框能输入的字数代码
- jQuery表单输入文字统计字数插件
- jquery实现限制textarea输入字数实例
- jquery实现限制textarea输入字数的方法
- Jquery 限制文本框输入字数
- 监听文本框输入开发仿新浪微博限制输入字数的textarea插件
- iOS-UIkit复习和代理的使用实现文本框限制输入字数控制
- jQuery实现限制文本框的输入长度
- Jquery实现TextArea 字数限制,并显示当前的输入字符数
- jquery统计文本域输入字数实现
- 文本框输入字数限制JQuery
- 用javascript实现控制一个文本框的输入字数限制,超出字数限制文本框飘红显示-面试题
- 文本框的字数限制功能jquery插件
- Jquery实现仿新浪微博获取文本框能输入的字数代码
- jquery限制输入字数,并提示剩余字数实现代码