#jQuery Toolbox

jQuery Toolbox主要提供基于jQuery的javascript小工具插件。

1.charLenCount输入字符长度统计

2.prompt html元素信息提示

###charLenCount(maxLen)

统计textarea|input[type=text]元素的输入字符数量.charLenCount接受一个参数。 别名：charlencount

maxLen : 该参数用来限制被统计元素输入字符的最大长度。maxLen具体说明如下：

maxLen <= 0 : 该对象不允许输入；

maxLen > 0 : 该对象允许输入的最大字符数量，超过时只保留输入的[0,maxLen]个；

maxLen = null : 只对该对象进行输入字符数量统计；

maxLen = 未定义（undefined）：同maxLen = null;

maxLen为字符串或者字符串数字 ： 提示非法输入，绑定失败。

Example:

    $("#charLenDemo").charLenCount(-10); // 不允许输入
    $("#charLenDemo1").charLenCount(200); // 最大输入200字
    $("#charLenDemo2").charLenCount(null); // 统计输入数量
    $("#charLenDemo3").charLenCount(); // 统计输入数量
    $("#charLenDemo4").charLenCount('123'); // error

###prompt(title, options) 显示元素提示消息。相当于html中某些元素的title属性。prompt接受两个参数：

title : 显示内容或为jQuery选择器。当为jQuery选择器时，显示内容为通过该jQuery选择器调用html()后的元素内容

options :

    $.fn.prompt.defaults = {
        css : {
            width : 'auto', // 显示容器宽
            height : 'auto', // 显示容器高
            bgcolor : '#FFFFCC', // 显示容器背景色
            opacity : 0.8, // 显示容器背景色透明度[0,1]
            padding : '8px 8px', // 显示内容与容器的padding
        },
        openmouseleave : true, // 是否开启鼠标离开事件。默认为开
        className : null // 显示内容样式。
     };

Example:

    $("#titleDemo").prompt('this is a jtitle test');
    $("#titleDemo1").prompt('this is a jtitle test',{
        css : {
            width : 180,
            height : 20
        }
    });
    $("#titleDemo2").prompt($("#txtid"),{
        css : {
            width : 300,
            height : 400,
            bgcolor : 'teal',
            opacity : 0.9,
            padding : '10px 10px'
        },
        openmouseleave : false,
        className : 'txtid'
    });

###sAutoComplete

简单的输入自动提示。

详情请参看jQuery sAutoComplete Plugin

###BigSelect

基于大数据量的下拉选择插件。使用该插件可以将 html select 元素转化为一次显示多条的数据列表，同时提供关键字匹配的功能，可以对该 select 下拉元素进行筛选，从而减少选择范围。其实质是针对 select 下拉框进行的查询筛选。

详情请参看jQuery BigSelect Plugin

返回顶部