Jquery 一些好用的插件和工具类

1.做页面校验的工具类

<!--area.js存放区域编码的一个常量。由于bee.js里面的getPersonInfo18()方法需要调用这个常量，所以在bee.js之前引入。如果不需要用到这个方法也可以不引入area.js-->
<script type="text/javascript" src="js/area.js" ></script>
<script type="text/javascript" src="js/bee.js" ></script>

这个可以做身份证校验和一些其他格式的校验，有需要的话可以看看其 API

2.页面自动化提示，当输入两个字符时候会有下拉框信息提示

<link rel="stylesheet" href="awesomplete.css" />
<script src="awesomplete.js" async></script>

这个可以做酷炫信息提示效果，有需要可以参考一下API

3.is.js 这个是一个校验工具类

访问地址是：https://github.com/arasatasaygin/is.js

用法示例：

Cleave.js – 自动格式化表单输入框的文本内容

github：https://github.com/nosir/cleave.js/

官方网站：http://nosir.github.io/cleave.js/

star: 7.2K+

size: 11.1KB

功能介绍：

Cleave.js 有一个简单的目的：帮助你自动格式输入的文本内容。这个想法是提供一个简单的方法来格式化您的输入数据以增加输入字段的可读性。通过使用这个库，您不需要编写任何正则表达式来控制输入文本的格式。然而，这并不意味着取代任何验证或掩码库，你仍应在后端验证数据。它支持信用卡号码、电话号码格式（支持各个国家）、日期格式、数字格式、自定义分隔符，前缀和块模式等，提供 CommonJS/AMD 模式以及ReactJS 组件端口。

Cleave

Rainyday.js – 使用 JavaScript 实现雨滴效果

github：https://github.com/maroslaw/rainyday.js

官方网站：http://maroslaw.github.io/rainyday.js/

star：5.2k+

size: 10KB

功能介绍：

Rainyday.js 背后的想法是创建一个 JavaScript 库，利用 HTML5 Canvas 渲染一个雨滴落在玻璃表面的动画。Rainyday.js 有功能可扩展的 API，例如碰撞检测和易于扩展自己的不同的动画组件的实现。它是一个使用 HTML5 特性纯 JavaScript 库，支持大部分现代浏览器。

showpicture