validae表单验证.docVIP

jQuery?表单验证插件——Validation(基础) ?(2011-04-23 15:10:21) HYPERLINK /s/javascript:; 转载▼ 标签：? HYPERLINK /?c=blogq=%D4%D3%CC%B8by=tag \t /s/_blank 杂谈 分类：? HYPERLINK /s/articlelist_1254871964_3_1.html \t /s/_blank javascript ?jQuery?表单验证插件——Validation Validation插件式历史悠久的jQuery插件之一,经过了全球各种项目的验证,得到了很多WEB开发者的好评,作为一个表单验证的解决方案,Validation有很多的优点,比如: 内置的验证规则，如：必填、数字、E-Mail、URL和信用卡号码等19类内置验证规则 可以自定义验证规则：可以很方便地自定义验证规则 简单而且强大的验证信息提示：没人了验证信息提示，并提供自定义覆盖默认提示信息功能 实时进行验证的功能.：通过blur和keyup时间来触发验证规则 此外，还是用ajax实现了服务器端远程验证。?都可以令前台开发变得非常的简单. ? 下载地址： HYPERLINK /project/vlidate /project/vlidate 写法一（推荐直接使用写法三，因为它实现了行为与结构的分离） ? 废话少说，代码解释： script?src=../../scripts/jquery-1.3.1.js?type=text/javascript/script script?src=lib/jquery.validate.js?type=text/javascript/script script?type=text/javascript ??$(document).ready(function(){ ????$(#commentForm).validate(); ??}); ??/script ? form?class=cmxform?id=commentForm?method=get?action= ?fieldset ???legend一个简单的验证带验证提示的评论例子/legend ???p ?????label?for=cusername姓名/label ?????em*/eminput?id=cusername?name=username?size=25?class=required?minlength=2?/ ???/p ???p ?????label?for=cemail电子邮件/label ?????em*/eminput?id=cemail?name=email?size=25??class=required?email?/ ???/p ???p ?????label?for=curl网址/label ?????em??/eminput?id=curl?name=url?size=25??class=url?value=?/ ???/p ???p ?????label?for=ccomment你的评论/label ?????em*/emtextarea?id=ccomment?name=comment?cols=22??class=required/textarea ???/p ???p ?????input?class=submit?type=submit?value=提交/ ???/p ?/fieldset ?/form 验证效果： HYPERLINK /showpic.html \l blogid=4acbd39c0100qtlhurl=/orignal/4acbd39cta190bd747fc1 \t /s/_blank 上面绿色标出的部分是需要注意的部分，也是validation执行验证的部分。可以看到validation统计一段$(#commentForm).validate();便可完成原来繁重任务。你可能会问，他的验证规则在哪里啊，为什么获取一个form表单元素连上一个validate()便可完成验证。其实validation把验证规则都封装在了内部，还记from表单里标出的class和minlength属性么，它可以来调去告诉其自身所在input元素所用的验证规则，如：input?type=text?class=required??,这个input框就会被validation解释为必须填写的。此外： ?minlength最少输入字符，class里的包括??required?必须、email?电子邮件、?url?网址、 其他验证的写法 写法二 上面的方法时而将验证信息写在class中，时而写在minlen