超全超实用的Javascript类库和jQuery插件大全之一：Web表单和输入验证

2012-10-08 金牌狙击手

如果你需要解决一些开发中遇到的技术问题的话，很可能会找到一些相关的javascript类库或者是jQuery插件来实现。这样实用的类库或者jQuery插件往往是你应该时常收集并且保存的，特别是如果你不希望自己去处理不同浏览器的兼容性问题的话，使用现成的javascript类库或者是jQuery插件往往能够帮助你提高开发效率。

使用javascript类库可能并不一定是最好的选择，很多情况1下可能你会发现类库加载并不正确，或者有性能上的问题，例如，移动设备上使用js类库。很多情况下使用类似jQuery的类库可能有点杀鸡用宰牛刀的感觉，然而，一些超轻量级的类库可能更加的实用。这里我们也会介绍一些。

在这个两个部分的文章中，我们将介绍一些非常实用的javascript和jQuery类库，帮助你解决你经常遇到的问题。你可能知道一些，但是你肯定不会都知道。希望我们这片文章能够帮助你发现一些你能应用到项目中的实用类库。

因为文章篇幅的原因，这里我们分为几个部分：

web表单
web印刷排版
实用类库
地图和图片

快速了解：

下面你将看到一个简单的类库列表介绍，每个类库连接到了对应的网站，能够帮助你快速的找到需要的类库工具。

web表单：

forms framework – auto-saving drafts – file upload (and resuming large downloads) – <select> boxes – modal boxes – form accordion – dynamic labels – drop-down with images – tooltips – extended input – form validation – credit card validation (alternative) – email check – password complexity

web印刷排版：

repairing vertical baseline – align text to a grid – responsive measure – fixing widows – fluid line height –scalable headlines (or smart headlines) – Lettering.js – Kerning.js

实用类库：

exchange rates and currency – date/time formatting – relative timestamps – number and currency formatting– cookies.js – zip.js – extra string methods – countdown.js – sticky content – Google Maps – interactive maps– progress bar – favicon notifications (or Notificon)

图片，地图和图形：

world maps – subway map – Google maps – open source maps – SVG fallback – gauges – graphs – timeline– Retina display – magnifying glass – interactive graphs – plots – time visualization

Web表单和输入验证

Select2 jQuery插件

一个用来替换和增强<select>的jQuery插件。这个插件支持搜索，远程数据集合无限滚动。用户可以通过输入来查找他们需要查找的内容。非匹配的内容将会被移除，选择项可以通过鼠标单击和回车来选取。这个插件可以支持标准的selectbox和多选selectbox及其optgroup。同时也支持selected，disabled和缺省文字（HTML5的placeholder属性）。这个插件基于Chosen，另外一个支持jQuery，Mootools和Prototype及其Drupal 7模块的类库解决方案。