Koo.js-标签式表单验证及初始化插件

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

<script>
 var callback = function(result){
   alert("这是回调函数，表单验证的结果"+result);
   return false;//返回bool类型，true则提交表单，false取消表单提交
 }
</script>
$(document).ready(function () {$('#form1').Koo(callback); });

提交表单，执行回调函数
3.设置验证标签check，多重验证标签以“-”符号分隔。例如：check=">10-<100"：表示大于10小于100
4.设置warn属性自定义提示信息。例如：check="need" warn="干嘛输入空值呢？"，在验证失败时会提示：“干嘛输入空值呢？”，而不是默认提示
5.联系QQ：222516124  社区咨询

check="need"

check="digit-success"

check="chinese"

check="card"

check="mail"

check="zip"

check="float"

check="tel"

check="mobile"

check="char"

check="money"

check=">digit"

check="<digit"

check="!＋标签"

下拉框, check="4"

0 1 2 3 4 5 6

下拉框multiple, check="1,3"

0 1 2 3 4 5 6

单选框, check="2"

0   1   2   3   4   5   6  

复选框, check="2,5,6"

0   1   2   3   4   5   6  

check="=id"

check=">id"

check="<id"

check="date"

 input.koo-holder{
   color: #999;
 }
 .koo-error{
   background: url("icon.png") no-repeat;
   font-size:12px;
   color:#d14;
   display: inline-block;
   padding-left: 18px;
   margin-left: 12px;
   line-height: 16px;
   font-weight: normal;
 }
 .koo-success{
   background: url("icon.png") no-repeat;
   display: inline-block;
   margin-left: 12px;
   line-height: 16px;
   width: 18px;
   background-position: 0px -43px;
 }

2013年7月18，增加低版本浏览器placeholder支持，验证成功标签，重写联合验证标签
2012年11月26，优化自定义标签，增强回调函数上下文和验证参数
2012年6月15，加入验证回调函数支持，通过回调函数实现功能扩展
2012年6月11，正式发布Koo.js验证插件