jQuery.Easyform和jQuery.EasyTip 表单验证和提示插件

    easyform 是一个jQuery插件，包括easyfrom，easytip，两个部分。easyform是表单验证插件，支持复杂的表单验证规则，并且使用简单。甚至可以做到1行js搞定全部。目前支持的控件有：input[text，radio，checkbox]，textarea。有了easyform，表单验证，就是这么简单！easyform 是一个jQuery插件，包括easyfrom，easytip，两个部分。easyform是表单验证插件，支持复杂的表单验证规则，并且使用简单。甚至可以做到1行js搞定全部。目前支持的控件有：input[text，radio，checkbox]，textarea。有了easyform，表单验证，就是这么简单！

    easytip虽然被用于easyform，但其实easytip是可以独立作为一个tooltip插件使用的。easytip的外观是可以定制的。而且很简单。我内置了几套样式，你也可以写新的。

    下面分别介绍了easyform 和 easytip 的用法。     easytip虽然被用于easyform，但其实easytip是可以独立作为一个tooltip插件使用的。easytip的外观是可以定制的。而且很简单。我内置了几套样式，你也可以写新的。

Easyform：

1、加载下面几个文件：

<link rel="stylesheet" href="../easyform/easyform.css">
<script src="js/jquery-2.1.0.min.js"></script>
<script src="../easyform/easyform.js"></script>

其中，jquery版本不要低于1.7。顺序别颠倒，因为easyform依赖于jquery，所以要先加载jquery。

2、html：
    easyform包含两个类，easyform和easyinput。easyinput负责搞定单个对象的规则验证，很显然，easyform负责调用easyinput。

    你可以这样定义一个input，并且为它添加一些规则和提示信息。

<input name="uid" type="text" id="uid" data-easyform="length:4 16;char-normal;" data-message="用户名必须为4—16位的英文字母或数字" data-easytip="position:top;">

    data-easyform 属性后面可以写上你所需要的规则，用半角的分号连接。语法上有些像css。这个属性不是必须的，你如果什么都不写，那么默认，这个控件的值不能为空，其余无任何规则。
    data-message 属性是一个默认的提示信息，如果你连这个都不写，那么遇到错误时，会默认提示“格式错误”。你如果需要一个更好的提示信息，写在这里就可以。
    data-easytip 这个属性是easytip的配置属性，可以不写，这样easytip就会按照默认的样式和行为初始化。

3、初始化:

$("#form").easyform();

    Easyform兼容各种主流浏览器，IE10+，其余各种浏览器都没有问题。包括手机上，不过该控件并不是针对手机设计的，所以并没有针对手机做效率优化和操作上的优化。顺便提一句，别拿这个页面验证兼容性，这个页面很多细节都是html5的，但这些只是为了好看，和控件本身无关。并且因为样式表的兼容性问题，该页面在IE8下面根本无法工作。

更多关于Easyform的属性事件方法参见下面的demo。

easytip

easytip使用起来也很简单：

var tip=$("#uid").easytip();
tip.show("Hello!");

注意，easytip的z-index是9000。