摘要：
jquery.validate是基于jquery的一个B/S客户端验证框架，借助jquery的优势，我们可以迅速验证一些常见的输入,大大提高了开发效率，下面是本人做的学习笔记：JQuery扩展插件Validate—1基本使用方法JQuery扩展插件Validate—2通过参数设置验证规则JQuery扩展插件Validate—3通过参数设置错误信息JQuery扩展插件Validate—4设置错误提示的样式JQuery扩展插件Validate—5添加自定义验证方法JQuery扩展插件Validate—6radio、checkbox、select的验证示例源码下载注意：validate只是使验证变得 阅读全文
摘要：
radio、checkbox、select的验证其实方法与前面提到没有太大的区别，但问题是错误信息会显示在同一组的第一个元素后面，效果如下所示：解决这个问题的办法是将错误信息指定到一个特定的位置，validate()方法的参数中可以进行自定义，示例代码如下:View Code <scripttype="text/javascript">jQuery.validator.addMethod("regex", //addMethod第1个参数:方法名称function(value,element,params){//addMethod第2个参数: 阅读全文
摘要：
从前面的示例中不难看出validate中自带的验证方法足以满足一般的要求，对于特别的要求可以使用addMethod(name,method,message)添加自定义的验证规则，下面的示例中添加了一个用于正则表达式验证的扩展验证的方法，示例如下： <scripttype="text/javascript">jQuery.validator.addMethod("regex",//addMethod第1个参数:方法名称function(value,element,params){//addMethod第2个参数:验证方法，参数（被验证元素的值， 阅读全文
摘要：
我们先来使用firebug查看在前面的示例中JS产生的html错误提示:从图中我们发现错误信息是被放在了一个label标签中，且有一个类样式error，只要为signupform下面的label标签中的error定css样式，应该就可以修改显示结果了,添加的css代码如下： <styletype="text/css">*{font-size:14px;}#signupFormlabel.error{color:Red;font-size:13px;margin-left:5px;padding-left:16px;background:url("err 阅读全文
摘要：
最终显示在页面上的错误分为两种：第一种是默认错误信息，该信息已经被定义在插件中了，可以手动修改。第二种是通过参数指定的错误信息，如果没有指定则会使用默认的错误信息。将上个示例的js修改如下： 显示源码 <scripttype="text/javascript">$(function(){$("#signupForm").validate(//在上例中新增的部分{rules:{txtPassword1:"required",//密码1必填txtPassword2:{//密码2的描述多于1项使用对象类型required:tru 阅读全文
摘要：
在前面示例中使用的的方法简单方便，但没有完全将js与页面结构完全分离，也就是说js依赖了class,下面通过validate()方法的参数设置验证规则将js与页面结构完全分离，代码如下： 显示源码 <scripttype="text/javascript">$(function(){$("#signupForm").validate(//在上例中新增的部分{rules:{txtPassword1:"required",//密码1必填txtPassword2:{//密码2的描述多于1项使用对象类型required:true, 阅读全文
摘要：
Validate是用于B/S结构客户端验证用的JQuery扩展插件,使用时需要引用两个js文件，分别是：<script src="../Contents/JS/jquery-1.5.js" type="text/javascript"></script><script src="../Contents/JS/jquery.validate.min.js" type="text/javascript"></script>1、基本使用方法，通过样式设置验证规则<sc 阅读全文