大表单验证

tickObject

 

validate大表单验证

Vaidate 插件

　　在前端开发中, 我们会遇到大表单的验证和组合成JSON, 这是一项巨大的任务, 如果都通过 手动编写低级代码来实现 50+ input类型的验证和复杂JSON的组装， 这无疑是异常难以维护和极其枯燥的工作。

     有幸， 在前端开发中，我也遇到这个问题，翻看网上自动验证的插件，比较有名气的是jquery.validate.js 这个插件, 但是 粗粗的一看 好像没有 自动组装成JSON的功能以及blur,fource 等事件监听检验的功能，所以就开发了一个 比较简单的 validate插件，依赖于Jquery. 

　　实现了 基于 HTML 元素配置验证的方式，可以轻松的完成大表单的 事件验证（blur等），提交验证，以及JSON组装， 并且支持扩展，如编写自定义的组装方式，预定义了比较常用的valid，如 电话，非空，邮箱，身份证，等等， 以及一个结果组装方式（通过id:value构造JSON对象）。

　　如下 是运行截图:

JS代码

　　

   HTML:

    

运行截图:

　　

 

已经支持的验证函数:

　　

插件中已经包含一些基本的验证函数:
@Notnull -- 非空
@Mobile --- 手机号码
@Telphone -- 电话号码
@Email --- 邮箱
@IdCard --- 身份证
@Chinese --- 中文输入
@Integer --- 整数
@+Integer --- 正整数
@-Integer --- 负整数
@Number -- 数字输入
@Word --- 单词输入[A-Za-z-0-9_]

包含一个默认的结果组装:
@Default -- id:value的格式封装.

 

项目地址:

https://github.com/y2k0103/validate

 

多多指教。