其中userValidateMethods.js为我们自定义的校验方法，方法由我们来实现。代码如下：

// 手机号码验证jQuery.validator.addMethod("isMobile", function(value, element) {var length = value.length;var mobile = /^0?(13[0-9]|15[012356789]|18[0236789]|14[57])[0-9]{8}$/;return this.optional(element) || (length == 11 && mobile.test(value));}, "请正确填写您的手机号码");// 联系电话(手机/电话皆可)验证jQuery.validator.addMethod('isPhone', function(value,element) {var length = value.length;var mobile = /^0?(13[0-9]|15[012356789]|18[0236789]|14[57])[0-9]{8}$/;var tel = /(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,8}/;return this.optional(element) || (tel.test(value) || mobile.test(value));}, '请正确填写您的联系电话');//当项目名称没有时，必须填写项目信息jQuery.validator.addMethod('checkProjectName', function(value,element) {if($("#projectname").val() == ''){return value != '';}return true;}, '请正确填写您的联系电话');// 手机号码范围验证jQuery.validator.addMethod("validNumRange", function (value, element){var flag=false;if(value){value=parseInt(value);if(!isNaN(value)){flag=true;}}if(flag&&0<=value&&value<=10){flag=true;}else{flag=false;}return flag;}, "数值范围为0-10");

 

另外一种是由事件驱动的校验方式：

//同样，需引入依赖的js，css