自定义校验规则

先导入jquery.validate.min.js和bootstrap.min.js两个js文件。
$.validator.addMethod(
//规则的名称
"checkUsername",
//校验的函数
function(value,element,params){

        //定义一个标志
        var flag = false;
        
        //value:输入的内容
        //element:被校验的元素对象
        //params：规则对应的参数值
        //目的：对输入的username进行ajax校验
        $.ajax({
            "async":false,
            "url":"${pageContext.request.contextPath}/checkUsername",
            "data":{"username":value},
            "type":"POST",
            "dataType":"json",
            "success":function(data){
                flag = data.isExist;
            }
        });
        
        
        //返回false代表该校验器不通过
        return !flag;
    }
    
);