热门关键字:
jquery > jquery教程 > jquery教程 > jQuery插件InputLimitor实现文本框输入限制字数统计

jQuery插件InputLimitor实现文本框输入限制字数统计

391
作者:管理员
发布时间:2021/1/25 15:38:14
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=3425
使用实例
一,包含文件部分


<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" >Field limited to 30 characters.</span>
2,Javascript部分


$('input[name=text3]').inputlimitor({
limit: 30,
boxId: 'limitingtext',
boxAttach: false
});
boxId表示提示信息显示的ID


InputLimitor插件与textlimit插件使用基本上差不多,都非常简单,InputLimitor插件功能更为强大,值得推荐!





如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jQuery
友荐云推荐