Jquery-lweight-validate

jquery-Lweight-validate.js

View project onGitHub

简介:

Jquery-Lweight-Validate :轻量级校验框架。之所以这么称呼它。原因很简单,与其他校验框架相比,次框架没有太多的JS代码在你的HTML中,仅仅一行,其他所有的校验属性,均通过框架中自定义的HTML属性标签进行校验配置。当然我个人是这么觉得配置起来简单方便。 本框架基于 Validation-for-bootstrap 作者fatesheep 的程序进行重写。原因:由于项目原因有一些地方无法与原作者的框架进行良好整合。所以只能很遗憾的放弃 Validation-for-bootstrap。所以自行基于此基础上进行 重写和延伸。很感谢 Validation-for-bootstrap 框架作者 fatesheep 源码。同时感谢 我的好朋友:jovi 对框架的CSS方面的美化。知识用来分享,所以将其开源。希望对能为大家带来帮助,也希望更多的人能够讲自己的作品开源出来。

1:代码使用:

引入jquery.js, Lweight.css,stylesheet.css,jquery-Lweight-validate.js ,pwd_sprite.png


$('#form').myValidate({
                formCall:function(){formCallFunction();},
                isAlert:false,
                formKey:true,
                alterCall:function(msg){callbackFunction(msg);}            
            });

# 2:现支持校验属性

check-type:
"required":为空校验
"min-max":字符长度校验
"idCard":身份证号码
"mail":邮箱地址
"passWord":密码长度与强度
"confirmPwd":密码确认
"mobile":手机号码
"dateYmd":日期格式(YYYY-MM-DD)
"dateCompare":起始日期 

3:使用配置


    <div class="control-group">
                <label class="control-label" for="inputName">用户名</label>
                <div class="controls">
                    <input type="text" id="inputName" check-type="required" 
                    data-callback="mycallback()" call-message="用户名名已存在"  required-message="用户名不能为空" >
                    </div>
            </div>

4:总结

更多详细配置请下载源码,运行demo.html进行相关学习&使用。框架还在beta阶段。如有BUG 表示歉意。一旦发现BUG,会以最快的速度修复。如有意见请登录 http://www.oschina.net/p/jquery-lweight-validate 主页留言