Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
基于jQuery的小工具插件
JavaScript
branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
libs
src
test
README.md
build.xml

README.md

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

返回顶部

Something went wrong with that request. Please try again.