例如：

1 errorPlacement: function(error,element){ 2 $(element).closest('form').find('label[for="'+ element.attr("id") +'"]').append(error); 3 },

　　是将错误提示信息显示在验证的信息前面

　　效果：

 　　例如：

1 errorElement: 'span', 2 errorClass: 'commentError', 3 errorLabelContainer: $('form div.error'), 4 wrapper: 'li',

　　是将每个提示信息用<span>标签包起来，给他们添加css名为 .commentError 的样式， 并把他们都包再一个class为 error 的div里，在用<li>把每个提示信息包起来　　

效果：

 

　　2、错误信息样式设置

　　有两种方式可以修改提示信息的样式

　　第一种就是采用下载Validation时自带的样式文件

1 <link href="demo/css/screen.css" type="text/css" />

 

　　

　　第二种方式就是自己定义样式（当然也可以修改自带的css文件）

　　例如添加这样的样式：

1 input.error { border: 1px solid red; } 2 label.error { 3 background:url("demo/images/unchecked.gif") no-repeat 0px 0px; : 16px; : 2px; : bold; : #EA5200; 12 } 13 label.checked { 14 background:url("demo/images/checked.gif") no-repeat 0px 0px; 15 }

　　效果：

 

▓▓▓▓▓▓ 验证时的问题

　　1、验证的元素通过

　　验证的元素通过验证时如果要进行操作，可以使用 success ，他可以接受字符串或者是函数，当接受的是字符串的时候是添加样式

　　例如：

success: function(){ alert(1); },

　　是在要验证的元素通过验证时，弹出1

 

　　例如：

　　 success: "valid"

　　是将css样式名为 .valid 添加到元素上

　　

　　2、验证方式

 

 

▓▓▓▓▓▓ 自定义校验

　　　虽然Validation提供了许多验证的方式，但是有些情况还是不够用的，所以如果要添加自定义的校验方式可以使用 addMethod 方法，通常将自定义的方法写在 additional-methods.js 中，然后要引入这个文件

<script type="text/javascript" src="dist/additional-methods.js"></script>

　　写入 additional-methods.js 文件的内容

　　  例如：

1 $.validator.addMethod("isZipCode", function(value, element) { 2 var tel = /^[0-9]{6}$/; .optional(element) || (tel.test(value)); 4 }, "请正确填写您的邮政编码");

　　只要把这段代码写入 additional-methods.js 文件就可以使用了

　　例如：

1 zipcode: { 2 required: true, 3 isZipCode :true 4 }

　　效果：

 

▓▓▓▓▓▓ radio 和 checkbox、select 的验证

　　radio的required表示必须选中一个

　　checkbox的required表示必须选中，minlength表示必须选中的最小个数，maxlength表示必须选中的最大个数，rangelength[2,3]表示选中个数区间

　　select的required表示选中的value不能为空，minlength表示必须选中的最小个数，maxlength表示必须选中的最大个数，rangelength[2,3]表示选中个数区间

 

　　总结：Validation插件提供了许多的验证，用户可以自己添加自己的验证和提示信息的样式，但是在博客中我并没有提及与ajax相关的内容，因为ajax还没有学习-_-||，如果有什么问题可以和我探讨，如果有不对的地方，欢迎指正