2010年4月20日

1. jQuery plugin: Validation

jQuery校验插件。

jQuery plugin: Validation

2. Masked Input Plugin 热点图书：www.hotbook.cn

Masked Input这个jQuery插件让用户能够按照预先设定好的固定格式输入数据(如日期、电话号码等)。

Masked Input Plugin 热点图书：www.hotbook.cn

jQuery password strength meter

用于检测密码强度的jQuery插件。

jQuery password strength meter 热点图书：www.hotbook.cn

3 jVal

jQuery表单校验插件。

jVal
4. jQuery formValidator 感谢博览群书友情提供
http://www.kmroom.com/js/formValidator3.3/index.html
你可以划分多个校验组，每个组的校验都是互不影响。对一个表单对象，你只需要写一行代码就可以轻松实现无数种（理论上）脚本控制。目前支持5种大的校验方式，分别是：inputValidator（针对input、textarea、select控件的字符长度、值范围、选择个数的控制）、 compareValidator（提供2个对象的比较，目前可以比较字符串和数值型）、ajaxValidator（通过ajax到服务器上做数据校验）、regexValidator（提供可扩展的正则表达式库）、functionValidator （可使用外部函数来做校验）
5.meioMask (演示地址)
meioMask是一个可以让用户按指定格式输入的jQuery插件。既可以使用预先设置的格式，也在class属性中自定义输入格式。
6.VanadiumJS (演示地址)
VanadiumJS是一个强大的客户端表单校验jQuery插件。完全可以定制校规则，VanadiumJS默认提供的一些规则包括：必填、一些特定的格式、数字（integer, float）、长度、checkboxes是否接受。

posted @ 2010-04-20 17:12 4inwork 阅读(871) 评论(0) 编辑

jquery插件整理篇（八）色彩选择器类

(1) Farbtastic

Farbtastic是一个color picker插件。它能够在一个页面中加入多个颜色选择控件，然后每个控件关联到页面中的一个元素比如：文本输入框。

Farbtastic 热点图书：www.hotbook.cn

(2)jQuery Color Picker

一个简单的颜色选择控件。操作方式与Adobe Photoshop中颜色选择操作置。

jQuery Color Picker 热点图书：www.hotbook.cn

(3)iColorPicker

iColorPicker是一个只有6KB大小的jQuery Color Picker。只要将输入框的class属性设置为“iColorPicker”就能变一个漂亮的颜色选择器。

iColorPicker

posted @ 2010-04-20 17:11 4inwork 阅读(267) 评论(0) 编辑

jquery插件整理篇（七）表格插件

(1)Flexigrid

Flexigrid是一个类似于Ext Gird，但基于jQuery开发的Grid。它具有的功能包括：可以调整列宽，合并列标题，分页，排序，显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。

Flexigrid

(2)Ingrid

这个jQuery DataGrid提供的功能有：可以拖动调整列宽，分页，排序，设置行/列样式等。

Ingrid

(3)jQuery Grid

jqGrid是一个Ajaxed jQuery Grid插件。提供分页功能，添加、编辑、删除和搜索表中记录，支持多种数据类型输入：XML，JSON，Array等，多行选择，支持子表格，集成日期选择控件等等。

Demo 热点图书：www.hotbook.cn

jQuery Grid

(4)tableHover

tableHover一个jQuery插件当鼠标经过时，能够对表格的一整列或行进行着色加亮。支持colspans与rowspans的表格。

tableHover 热点图书：www.hotbook.cn

(5)JQuery.Resizer

一个轻量级jQuery插件用于创建可以拖动调整行高与列宽的表格。

JQuery.Resizer

(6)tablesorter

tablesorter 这个jQuery插件能够将带THEAD与TBODY标签的标准HTMLTable转换成一个可排序的表格。tablesorter能够排序多种数据类型包括Text、URIs、integers、currency、floats、IP地址、日期、时间和自定义的数据类型。支持拥有复杂表头表格的排序，支持二级隐藏排序，支持多种浏览器：IE6.0+、FF2+、Safari2.0+、Opera9.0+。

tablesorter

(7)csv2table

csv2table这个插件能够将CVS文件（利用Excel创建）的内容转换成HTML Table。

jQuery表格排序插件，点击表格中对应列的头部单元，表格立即重新排序。

Tablesorter | Demo

csv2table

(8)tableFormSynch

tableFormSynch 是一个表格与表单数据相互更新的jQuery插件。它提供的功能包括：基于表单中的数据，新增行。删除所选择行，并清除表单中的所有数据。 tableFormSynch支持所有表单控件包括：checkboxes、radio、buttons 与<select>。

tableFormSynch

热点图书：www.hotbook.cn

9. DataTables

DataTables是一个jQuery插件，能够让HTML表格很方便地实现分页、过滤和多栏排序等功能。DataTables可以使用本身自带的CSS样式，但还可以按自己的需要自定义CSS样式。它具有以下特征：

自适应栏宽
可保存表格状态
可隐含列
动态创建表格
Ajax自动装载数据
丰富的分页类型
多栏排序和高亮显示
热点图书：www.hotbook.cn

10.jExpand (演示地址)

jExpand是一个可以让表格具备可伸缩功能的jQuery插件。利用这个功能可以帮助你更好地组织表格，让表格承载更多的消息比如图片，列表，图表和其它元素。

posted @ 2010-04-20 17:08 4inwork 阅读(835) 评论(0) 编辑

jquery插件整理篇（六）HTML编辑器插件

（1）jwysiwyg

WYSIWYG jQuery插件。整个编辑器文件大小只有17Kb。

（2）Damn Small Rich Text Editor

基于jQuery开发，能够从IFRAME元素创建一个Rich Text Editor。提供了所有基本的Rich Text功能，可设置文本编辑区大小，Ajax上传图片等。

Damn Small Rich Text Editor

(3)xhEditor

xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化XHTML编辑器，基于网络访问并且兼容IE 6.0-8.0,Firefox 3.0,Opera 9.6,Chrome 1.0,Safari 3.22。

编辑器组件采用LGPL协议开放源代码，您可以任意修改，并使用在您商业或者非商业系统中。同样，您也可以任意的学习和参考我们的源代码。若您对本编辑器代码进行改动或者再开发并对外发布的话，请您也使用LGPL协议来开放您的源代码，谢谢。
最新0.9.5版程序下载：http://code.google.com/p/xheditor/downloads/list
演示程序：

默认模式：http://static.pirate9.com/js/xheditor_demos/demo1.html

自定义按钮：http://static.pirate9.com/js/xheditor_demos/demo2.html

皮肤选择：http://static.pirate9.com/js/xheditor_demos/demo3.html

其它选项：http://static.pirate9.com/js/xheditor_demos/demo4.html

Javascript交互：http://static.pirate9.com/js/xheditor_demos/demo5.html

非utf-8编码网页调用：http://static.pirate9.com/js/xheditor_demos/demo6.html

UBB可视化编辑：http://static.pirate9.com/js/xheditor_demos/demo7.html

Ajax图片上传：http://static.pirate9.com/js/xheditor_demos/demo8.html

posted @ 2010-04-20 17:07 4inwork 阅读(1168) 评论(0) 编辑

jquery插件整理篇（五）分页插件

（1）jQuery Pagination

jQuery分页插件

jQuery Pagination 热点图书：www.hotbook.cn

（2）pager jQuery plug-in

jQuery分页插件。

pager jQuery plug-in

（3）JQuery Pager

一个利用jQuery开发的分页UI控件，可用于数据驱动的web应用程序中。

JQuery Pager

posted @ 2010-04-20 17:05 4inwork 阅读(543) 评论(0) 编辑

jquery插件整理篇（四）自动补全类插件

（1）AutoComplete-JQuery
jQuery插件易于集成到现在的表单中(Form)。

（2）Facebook like Autocomplete

基于jQuery开发，类似于FaceBoox提供的AutoCompleter。
二手图书 二手书 特价书 旧书网

（3）jQuery Autocomplete Mod 热点图书：www.hotbook.cn

jQuery Autcomplete插件。能够限制下拉菜单显示的结果数。

（4）jqac 热点图书：www.hotbook.cn

基于Jquery开发的Autocomplete插件。具有易于使用，配置简单，既可以利用Ajax读取数据也可以直接从本地获取数据。

（5）jQuery Tag Suggestion

类似于del.icio.us提供的tag suggesting功能。

（6）Autocomplete-jQuery ajax

利用 jQuery(Ajax)，PHP和MySQL开发的AutoCompleter。

（7）jQuery.Suggest 热点图书：www.hotbook.cn

跨浏览器支持，基于jQuery开发的Autocomplete library。

（8）Autocomplete- jQuery plugin

一个jQuery Autocompleter，提供缓存选项来限制对服务器的请求。

（9）jQuery plugin: Autocomplete

自动完成输入框值让用户能够快速查找和过滤某些值。

（10）jSuggest

模仿Google Suggest功能的AutoComplete jQuery插件。

（11）jQuery Live Ajax Search Plug-in 热点图书：www.hotbook.cn

采用jQuery开发的AutoComplete控件。搜索结果展示框完全可以利用CSS自定义，内容展示是一个HTML页面。

（12）ddcombobox

带AutoComplete功能的下拉选择框jQuery插件。

(13)Kissy Suggest

重写后的组件压缩后约 10k, 仅依赖 YUI2 的 yahoo-dom-event. 目前在淘宝已全面应用一个多月。现在开源出来，希望能对需要此功能的兄弟们有所帮助。源码地址：

http://kissy.googlecode.com/svn/trunk/src/suggest/ 热点图书：www.hotbook.cn

suggest-yui2.js 是源码，test.html 是测试页面，demo.html 是实例，demo-google.html 是利用该组件给谷歌恢复搜索提示的小玩意。如果在项目中真实使用，需要加载以下两个文件：

http://kissy.googlecode.com/svn/trunk/lib/yui2/yahoo-dom-event.js
http://kissy.googlecode.com/svn/trunk/build/suggest/suggest-yui2-min.js

可以很自信地说：这个组件目前无论在细节还是性能上，都是数一数二的。
欢迎试用和有效的建议。

PS：很感慨 Google 的产品，精致小巧，非常注意细节。Google 英文首页的搜索提示，看似简单，但极不简单。对键盘和鼠标等事件的细节处理上，没有看到比 Google 做得更好的。Kissy Suggest 在交互细节上基本上做到了和 Google 的一样，同时增加了对本土输入法的支持
（14）apple风格的自动填充效果