700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > jq实现文字个数限制_jQuery插件InputLimitor实现文本框输入限制字数统计

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

时间:2023-02-08 14:33:28

相关推荐

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

点我查看InputLimitor在线演示

使用说明

需要使用jQuery库文件和InputLimitor库文件

/

/project/inputlimitor

同时可自定义显示提示框的CSS样式

使用实例

一,包含文件部分

二,HTML部分

三,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部分

Field limited to 30 characters.

2,Javascript部分

$('input[name=text3]').inputlimitor({

limit: 30,

boxId: 'limitingtext',

boxAttach: false

});

boxId表示提示信息显示的ID

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

点我下载InputLimitor

/files/jquery-inputlimitor.1.0.zip

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。