参考：http://blog.csdn.net/xh16319/article/details/9987847

　　自定义checkbox验证，“检查checkbox是否选中”

jQuery.validator.addMethod("isAgreeRule", function(value, element) {    return element.checked;}, "请阅读并同意用户协议后提交!");

　　添加到验证规则

$(function() {    $("#registerFrom").validate({        rules : {            login_name : {                required : true            },            password : {                required : true,                rangelength : [ 8, 20 ]            },            confirm_password : {                required : true,                equalTo : "#password"            },            captcha : {                required : true            },            agree_rule : {                isAgreeRule : true            }        },        errorPlacement : function(error, element) {            if (element.is(':radio') || element.is(':checkbox')) { // 如果是radio或checkbox                var eid = element.attr('name'); // 获取元素的name属性                error.appendTo(element.parent()); // 将错误信息添加当前元素的父结点后面            } else {                error.insertAfter(element);            }        },        submitHandler : function(form) {            submitFrom();        }    });});

　　添加自定义样式：

　　完整代码如下：

　　html

<%@ page language="java" pageEncoding="UTF-8"%>
     
     
    
      
        
       
            
        
                
                             ×                                
         
注册
            
        
            
        
                
         
                    
          
 
           
 
             
           
 
            
           
 
             
           
 
           
 
             
           
 
           
 
             
             
           
 
           
 
              我已阅读并同意《用户协议》  
           
 
           注册 
            
           
 老用户，请登录 
 
          
                
         
            
        
        
       
    
      
     

　　js

jQuery.validator.addMethod("isAgreeRule", function(value, element) {    return element.checked;}, "请阅读并同意用户协议后提交!");$(function() {    $("#registerFrom").validate({        rules : {            login_name : {                required : true            },            password : {                required : true,                rangelength : [ 8, 20 ]            },            confirm_password : {                required : true,                equalTo : "#password"            },            captcha : {                required : true            },            agree_rule : {                isAgreeRule : true            }        },        errorPlacement : function(error, element) {            if (element.is(':radio') || element.is(':checkbox')) { // 如果是radio或checkbox                var eid = element.attr('name'); // 获取元素的name属性                error.appendTo(element.parent()); // 将错误信息添加当前元素的父结点后面            } else {                error.insertAfter(element);            }        },        submitHandler : function(form) {            submitFrom();        }    });});function registerFrom() {    var url = rootPath + "/web/register.html";    var params = $("#registerFrom").serialize();    $.post(url, params, function(data) {        if (data.code == 0) {            window.location.href = rootPath + '/role/list.html';        }    });}