[jQuery]使用jQuery.Validate 使用笔记
来源:互联网 发布:ios破解软件下载 编辑:程序博客网 时间:2024/05/16 07:46
步骤一:引用jQuery框架
<script src='http://eghtc.blog.163.com/blog/<%= Page.ResolveClientUrl("~/scripts/jquery-1.4.1.js") %>' type="text/javascript"></script><script src='http://eghtc.blog.163.com/blog/<%= Page.ResolveClientUrl("~/scripts/jquery.validate1.js") %>' type="text/javascript"></script>
jQuery.Validate是监控form,在任何提交表单的操作前jQuery.Validate都会检测表单里的输入项是否满足规则,满足才允许提交。所以需
要在jQuery(document).ready()时为form进行验证注册
jQuery.Validate为我们提供了3种验证编写方式,各有优缺点:
1、在input对象中书写class样式指定验证规则或属性验证规则:
如<input type=”text” class=”required”/>
最简单、最便捷,提示消息使用jQuery.Validate的内置的消息(自定义扩展验证规则也属于此项),但是由于是以样式名的方式进行验证,导致了日后修改必须找到相应的input对象,同时无法使用高级验证规则,具体说明请向下看
2、同第1条,这种验证规则方式也是在input对象中书写class样式,只不过书写的方式改为了JSON格式,但是这种方式提供了自定义验证消息的支持:
如<input type=”text” class="{required:true,minlength:5,,messages:{required:'请输入内容'}”/>
简单、方便,但个人认为有点臃肿,还是和第1条一样和相对应的input对象纠缠在一起,并且还增加消息自定义,使得input对象变的更大了,干扰了页面代码的阅读,但可以使用高级验证规则(实际就是将第3种JS以JSON的格式放到具体的class中
3、这种方式使用纯JS的方式:
如:
$().ready(function() {
$("#aspnetform").validate({
rules: {
name: "required",
email: {
required: true,
email: true
}})
})
很好的解决了HTML和验证规则的分离,就是书写较为麻烦,需要单独写JS脚本,但好处是可以统一验证规范,将每个页面的验证规则都写在头部的脚本中,方便日后维护。
注意:以上3种验证方式的消息如果未指定都会默认调用内置的消息
- jQuery Validate使用笔记
- [jQuery]使用jQuery.Validate 使用笔记
- [笔记]jquery.validate使用攻略
- jquery前端校验框架validate使用笔记
- JQuery的validate插件使用笔记
- jquery.validate 使用详解
- JQuery Validate使用
- Jquery.validate使用体会
- JQuery Validate使用总结
- jquery.validate使用攻略
- jquery中validate使用
- jquery.validate.js使用
- jquery validate 使用示范
- jquery.validate使用攻略
- jquery.validate使用攻略
- jquery validate使用小结
- jquery validate插件使用
- jquery validate 简单使用
- v4l2打开video设备 .
- wpf 在win7边缘最大化
- iOS开发——Modal View Controller的不同呈现类型
- x86 x64 开发区别与注意事项
- Linux下修改/增加默认load(link)路径
- [jQuery]使用jQuery.Validate 使用笔记
- Thread与ThreadPool的内存之战
- c++ vector用法精讲
- objective C property属性详解
- C#语法糖(Csharp Syntactic sugar)大汇总
- myeclipse中编辑到request.的时候,myeclipse就会自动退出的解决
- GIT入门之二:版本历史/回溯
- 快速判断一个数是否是4的幂次方,若是,并判断出来是多少次方! .
- UIImage 图片处理:截图,缩放,设定大小,存储