开源轻量级jquery validation 验证插件

对于表单验证，大家都不陌生，市面上太多太多的校验框架，其中不缺乏精品中的精品。小弟特此也开源发布一个小插件。没有其他目的，和大家一起分享下成果。

首先 先说下写这个插件的原因。最近在和某公司一起合作一个项目，合作公司用的DWR去和后台交互。而用dwr 无法使用一些市面上成熟的jquery 校验插件，而这些插件大部分都是 固定的 ajax 提交方式,对ajax调用进行了相应的封装。这样的话缺少了太多的自主性，我必须用插件中固定的写法。而对于DWR。。没有URL的调用方式。。更无法去使用。还有。有时候我们也会封装自己的ajax 函数 而在请求，回调后做其他的JS 处理。而对于市面上一些框架对于我们来说难免哟太多的舒服。而且配置起来太麻烦。。一写JS。。就要写一大堆配置项。。（PS:也可能有简单方便的。但是我没发现好的。有的话可以留言推荐下）

所以小弟不才。自己研究写了一套小插件，最近在调整CSS样式 和一些美化和后续的一些改善。。

这套插件在配置方面 我个人 觉得很方便，很简单。直接在HTML中 写入相应的参数。即可



例如：

Html代码

1. <inputtype="text"id="inputtext"check-type="required"
2. min-max="3-5"min-message="字符长度不得小于3个字符"
3. max-message="字符长度不得超过5个字符"
4. required-message="文本不能为空！">

这是一个文本校验是否为空，输入长度在3-5个字符。

check-type ：校验类型
required-message：提示信息
min-max;最小与最大字符长度

现阶段支持的check-type 类型包括：

required ：不能为空
number：数字类型
mail：邮件地址校验
char：必须为英文字符
chinese:必须为中文字符
mobile:手机号码校验
passWord:密码强度校验
confirmPwd:确认密码
dateYmd:日期格式
idCard：身份证号

二：前台调用方式:
为了达到轻量 简单方便 前台调用方式简单

Js代码

1. <script>
3. $(function(){
4. $('#form').myValidate("subBtn",function(){
5. callbackFunction();
6. });
7. });
8. //在这个函数中我们可以做我们想做的任何操作。包括自定义封装的ajax方式
9. //完全抛弃其他校验框架固定的ajax校验的规则束缚
10. functioncallbackFunction(){
11. alert("回调函数");
12. }
13. </script>

下面是效果图：



效果图2




效果图3