$(function(){ var validator = $("#enterRegForm").validate({ debug:false, //调试模式取消submit的默认提交功能 //errorClass: "error",//默认为错误的样式类为：error //validClass: "check",//验证成功后的样式，默认字符串valid focusInvalid: true,//表单提交时,焦点会指向第一个没有通过验证的域 //focusCleanup:true;//焦点指向错误域时，隐藏错误信息，不可与focusInvalid一起使用！ onkeyup: true, errorElement: "div", submitHandler: function(form){ //表单提交句柄,为一回调函数，带一个参数：form form.submit(); //提交表单 }, rules: { "enterprise.enName": { required: true, minlength: 6, remote:{ url: "/nameServlet",     //后台处理程序 type: "get",               //数据发送方式 dataType: "json",           //接受数据格式 data: {                     //要传递的数据 enName: function() { return $("#enName").val(); } } } }, "user.passWord":{ [...]

法一： 一、默认校验规则 (1)required:true 必输字段 (2)remote:"check.php" 使用ajax方法调用check.php验证输入值 (3)email:true 必须输入正确格式的电子邮件 (4)url:true 必须输入正确格式的网址 (5)date:true 必须输入正确格式的日期 (6)dateISO:true 必须输入正确格式的日期(ISO)，例如：2009-06-23，1998/01/22 只验证格式，不验证有效性 (7)number:true 必须输入合法的数字(负数，小数) (8)digits:true 必须输入整数 (9)creditcard: 必须输入合法的信用卡号 (10)equalTo:"#field" 输入值必须和#field相同 (11)accept: 输入拥有合法后缀名的字符串（上传文件的后缀） (12)maxlength:5 输入长度最多是5的字符串(汉字算一个字符) (13)minlength:10 输入长度最小是10的字符串(汉字算一个字符) (14)rangelength:[5,10] 输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符) (15)range:[5,10] 输入值必须介于 5 和 10 之间 (16)max:5 输入值不能大于5 (17)min:10 输入值不能小于10

不过我们还要在需要验证的INPUT里面class加入required说明是必填项，其他的就是验证相关数据比如email就是验证email的数据结构 以下列出validate自带的默认验证 required: "必选字段", remote: check.php "使用ajax方法调用check.php验证输入值段", email: "请输入正确格式的电子邮件", url: "请输入合法的网址", date: "请输入合法的日期", dateISO: "请输入合法的日期 (ISO).", number: "请输入合法的数字", digits: "只能输入整数", creditcard: "请输入合法的信用卡号", equalTo: "请再次输入相同的值", accept: "请输入拥有合法后缀名的字符串", maxlength: jQuery.format("请输入一个长度最多是 {0} 的字符串"), minlength: jQuery.format("请输入一个长度最少是 {0} 的字符串"), rangelength: jQuery.format("请输入一个长度介于 {0} 和 {1} 之间的字符串"), range: jQuery.format("请输入一个介于 {0} 和 {1} 之间的值"), max: jQuery.format("请输入一个最大为 {0} 的值"), min: jQuery.format("请输入一个最小为 {0} 的值")  

网站的速度非常重要，现在有很多网站优化的工具，如 Google 的 Page Speed，Yahoo 的 YSlow，对于网页图片，Yahoo 还提供 Smush.it 这个工具对图片进行批量压缩，但是对于图片非常多的网站，载入网页还是需要比较长的时间，这个时候我们可以使用 Lazy Load 这个 jQuery 插件来延迟加载图片。 Lazy loader 是一个延迟加载图片的 jQuery 插件，在一些图片非常多的网站中非常有用，在在浏览器可视区域外的图片不会被载入，直到用户将页面滚动到它们所在的位置才加载，这样对于含有很多图片的比 较长的网页来说，可以加载的更快，并且还能节省服务器带宽。 Lazy Loader 使用也非常简单，首先确保你的页面已经加载 jQuery Javascript 库，然后在加载 Lazy Load 的 Javascript 文件： <script src="jquery.js" type="text/javascript"></script> <script src="jquery.lazyload.js" type="text/javascript"></script> 然后在页面的 header 添加如下代码即可： <script type="text/javascript"></script> $(document).ready(function(){ $("img").lazyload({ placeholder : "/images/grey.gif", effect : "fadeIn" }); } </script> 当然 [...]

下拉框： //得到下拉菜单的选中项的文本(注意中间有空格) var cc1 = $(".formc select[@name='country'] option[@selected]").text();//得到下拉菜单的选中项的值 var cc2 = $('.formc select[@name="country"]').val(); //得到下拉菜单的选中项的ID属性值 var cc3 = $('.formc select[@name="country"]').attr("id"); //清空下拉框// $("#select").empty();$("#select").html(''); //添加下拉框option $("<option value='1'>1111</option>").appendTo("#select") select[@name='country'] option[@selected] 表示具有name 属性，并且该属性值为’country’ 的select元素里面的具有selected 属性的option 元素。可以看出有@开头的就表示后面跟的是属性。 单选框： //得到单选框的选中项的值(注意中间没有空格) $("input[@type=radio][@checked]").val(); //设置单选框value=2的为选中状态.(注意中间没有空格) $("input[@type=radio][@value=2]").attr("checked",'checked'); 复选框： //得到复选框的选中的第一项的值 $("input[@type=checkbox][@checked]").val(); //由于复选框一般选中的是多个,所以可以循环输出 $("input[@type=checkbox][@checked]").each(function(){ alert($(this).val()); }); //不打勾 $("#chk1").attr("checked",''); //打勾 $("#chk2").attr("checked",true); //判断是否已经打勾 if($("#chk1").attr('checked')==undefined){} //添加下拉框的option $("<option value='1'>1111</option>").appendTo("#select") $("<option value='1'>1111</option>").appendTo("#select")

参看:http://docs.jquery.com/Plugins/Validation并整理 jquery.validate.js是jquery旗下的一个验证框架http://bassistance.de/jquery-plugins/jquery-plugin-validation/，借助jquery的优势，我们可以迅速验证一些常见的输入,并且可以自己 扩充自己的验证方法，并且对国际化也有很好的支持.

这几天刚开始学习jQuery，感觉jQuery确实很强大，下了个CHM的手册，看他的筛选器，属性还有各种方法
感觉不难，几天不碰 忘记了，看来还是缺乏练习，还没有真正会用，只是理解怎么回事吧了，所以决定坚持天天练习
自己动手写，
这个是个简单的图片切换，当然只用js也能很好的实现，但是感觉没有jQuery来的快速直接，尤其是他的选择器很方便，
不用在js里面做循环了 呵呵，我做的初衷是实现缩略图单击后图片淡入淡出，但是尝试了很多次没有解决，也不知道问题出在哪里
如果有谁知道，请在评论里面给我指教一下，不 胜感激。