table注册表单验证及初始化插件Koo.js

验证表单

使用说明

Koo.js标签验证插件基于Jquery开发，为KooTeam.com而生，取名Koo.js。使用十分简便，不需写任何代码即可实现各种的表单验证，同时支持select，checkbox，radio等默认值，一个标签全部搞定。

在线讨论：http://www.oschina.net/p/koojs

[code]1.页面中引入jquery.js库和koo.js
2.加入如下代码

    <script type="text/javascript" />
        $(document).ready(function () { $('form').Koo(); });
    </script>[/code]

3.验证标签对象是check自定义属性，多重验证标签以“-”符号分隔。例如：check=”need-mail”：表示必填字段，且只能输入邮箱，check=”date-need”：表示输入框会自动加载日期控件，且输入值不能为空。

4.自定义提示，把需要提示的信息，覆盖到title属性上，在验证的时候便提示自定义的提示信息。例如：check=”need” title=”干嘛输入空值呢？”，在验证不通过时会提示：“干嘛输入空值呢？”，而不是默认的”不能为空”

5.修改提示样式，在你的css中给.kootip这个样式定义规则即可，默认样式 .kootip{color:red;line-height:16px;}

验证标签

need：输入框数据不能为空

举例：<input check=”need” />效果：

digit：只能输入数字

举例：<input check=”digit” />效果：

chinese：只能输入中文字符

举例：<input check=”chinese” />效果：

card：只能输入身份证号

举例：<input check=”card” />效果：

zip：只能输入邮编

举例：<input check=”zip” />效果：

float：只能输入浮点数字

举例：<input check=”float” />效果：

tel：只能输入电话号码

举例：<input check=”tel” />效果：

mobile：只能输入手机号码

举例：<input check=”mobile” />效果：

char：只能输入英文字符串

举例：<input check=”char” />效果：

money：只能输入金额

举例：<input check=”money” />效果：

mail：只能输入邮件地址

举例：<input check=”mail” />效果：

!＋标签：可以为空，如果不为空则必须要符合验证规范

举例：<input check=”!digit” />表示可以为空，但必须符合digit规范效果：

=id：验证是否与对应的标签值相等

举例：<input id=”test1″ /><input check=”=test1″ />
表示两个输入框的内容必须相等效果：输入：

/id：验证两个输入字段至少要输入一个

举例：<input id=”test1″ /><input check=”/test1″ />效果：输入：

>id：验证后面输入的数字要比前面的大

举例：<input id=”test1″ /><input check=”>test1″ />效果：输入：

*id：验证后面输入的日期要比前面的大

举例：<input id=”test1″ /><input id=”test2-*test1″ />效果：输入：

l number：验证输入长度等于number

举例：<input id=”test1″ /><input name=”test2″ id=”test2-l200″ />输入：

> number：验证输入数字大于number

举例：<input check=”>200″ />
输入：

< number：验证输入数字小于number

举例：<input check=”<200″ />
输入：

日期控件

date：给输入框绑定日期控件

举例：<input check=”date” />输入：

默认值

select：给Select下拉框设置默认值及验证

举例：<select check=”val” /></select />若val与option的value相等，则自动选中实例

checkbox：绑定CheckBox默认选中框

举例：<input type=”checkbox” check=”val” />若val与checkbox的值相等，则自动选中输入：123

radio：绑定Radio默认选中框

举例：<input type=”radio” check=”val” />若val与radio的值相等，则自动选中输入：123

原作者：http://www.kooteam.com/koo/index.htm

下载：koo.js验证表单