验证是否第一次登陆：cookie 中的 deviceid初始化，连接服务器后，发送：{ "lwp": "/reg", "headers": { "cache-header": "token app-key did ua vhost wv", "vhost": "WK", "ua": "Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.132 Safari/537.36 OS(windows/6.1) Browser(chrome/63.0.3239.132) DingWeb/3.6.0 LANG/zh_CN", "app-key": "85A09F60A599F5E1867EAB915A8BB07F", "wv": "im:3,au:3,sy:4", "did": "117851a2126f40aaa2f1a3e2df7c00dc", "mid": "804b0002 0" }, "body": null }主要字段的数据来源(JS实现)：cache-header: 固定vhost：固定ua: 当前浏览器的 navigator.userAgentapp-key：固定为 85A09F60A599F5E1867EAB915A8BB07Fwv: 固定did: cookie 没有 deviceid 时，由客户端生成，详见下面的 getDid（uuid.v4标准）；否则不传该字段，但连接 WebSocket 的 HTTP 请求头应该有包含 Cookie:deviceid=7fc0930dba774fcfa7e1d7aac56fabcd; deviceid_exist=true;mid: genMid() + " 0"涉及到的代码段：var i = 0 , r = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f"]; function genMid() { var e = Math.floor(Math.random() * Math.pow(2, 16)) , t = i++ , n = ""; return n += r[e >> 12 & 15], n += r[e >> 8 & 15], n += r[e >> 4 & 15], n += r[15 & e], n += r[t >> 12 & 15], n += r[t >> 8 & 15], n += r[t >> 4 & 15], n += r[15 & t] }; function uuid_v4 () { var o = [], i = [], l = {}; for (var e, t = 0; t < 16; t++) 0 === (3 & t) && (e = 4294967296 * Math.random()), o[t] = e >>> ((3 & t) << 3) & 255; for (var u = 0; u < 256; u++) i[u] = (u + 256).toString(16).substr(1) var n = 0; return i[o[n++]] + i[o[n++]] + i[o[n++]] + i[o[n++]] + "-" + i[o[n++]] + i[o[n++]] + "-" + i[o[n++]] + i[o[n++]] + "-" + i[o[n++]] + i[o[n++]] + "-" + i[o[n++]] + i[o[n++]] + i[o[n++]] + i[o[n++]] + i[o[n++]] + i[o[n++]] } function getDid () { return uuid_v4().replace(/\-/g, ""); } 对应PHP代码：function getMid () { static $i = 0; $r = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f']; $e = rand(1, 65535); $i++; return $r[$e >> 12 & 15] . $r[$e >> 8 & 15] . $r[$e >> 4 & 15] . $r[15 & $e] . $r[$i >> 12 & 15] . $r[$i >> 8 & 15] . $r[$i >> 4 & 15] . $r[15 & $i]; } function uuid_v4() { return sprintf('%04x%04x-%04x-%04x-%04x-%04x%04x%04x', // 32 bits for "time_low" mt_rand(0, 0xffff), mt_rand(0, 0xffff), // 16 bits for "time_mid" mt_rand(0, 0xffff), // 16 bits for "time_hi_and_version", // four most significant bits holds version number 4 mt_rand(0, 0x0fff) | 0x4000, // 16 bits, 8 bits for "clk_seq_hi_res", // 8 bits for "clk_seq_low", // two most significant bits holds zero and one for variant DCE1.1 mt_rand(0, 0x3fff) | 0x8000, // 48 bits for "node" mt_rand(0, 0xffff), mt_rand(0, 0xffff), mt_rand(0, 0xffff) ); } function getDid () { return str_replace('-', '', uuid_v4()); } 服务器响应注册消息：{ "headers": { "mid": "804b0002 0", "sid": "ac1d503a5a55bf1454bb2724ef29f2f5882550192a20" }, "code": 200 } 输入密码登陆：{ "lwp": "/r/Adaptor/LoginI/login", "headers": { "mid": "2634000f 0" }, "body": [ { "title": "Windows 7 Web", // 最长 20 字节 "model": "Windows 7", "token": "C1515568916640551275078381515568916640194" }, "+86-13900000000", // 登陆手机号 "这是明文密码", "85A09F60A599F5E1867EAB915A8BB07F", // app-key null ] }服务器响应登陆成功的消息：{ "headers": { "dt": "j", "mid": "2634000f 0", "sid": "ac1d503a5a55bf1454bb2724ef29f2f5882550192a20" }, "code": 400, "body": { "reason": "你在新的设备登录钉钉，为了保障你的账户安全，需要使用短信验证码确认", "code": "14001" } }客户端要求发送验证码：{ "lwp": "/r/Adaptor/LoginI/sendSmsCode", "headers": { "mid": "691e0010 0" }, "body": [ "+86-13900000000" // 登陆手机号 ] } 输入验证码：{ "lwp": "/r/Adaptor/LoginI/tokenLogin", "headers": { "mid": "b75d0023 0" }, "body": [ { "title": "Windows 7 Web", "model": "Windows 7", "token": "C1515568916640551275055381515568916640194" }, "+86-13900000000", // 登陆手机号 "1111", // 短信验证码 "85A09F60A599F5E1867EAB915A8BB07F", //app-key "0", null ] }用户登陆成功，服务器响应：{ "headers": { "dt": "j", "mid": "b75d0023 0", "sid": "ac1d503a5a55bf1454bb2724ef29f2f5882550192a20" }, "code": 200, "body": { "nickPinyin": "qi", "syncProtocol": false, "tokenId": "B:45cde49ed06c55fc758fbe1b4a7e7777", "openId": 33606666, "secretToken": "8reAacn5g=", "accessToken": "Gs/Go7jpo=", "expiredTime": 1516865322664, "nick": "昵称", "domain": "dingding", "tmpCode": "33405583_E755ADF8-E5A3-42DA-A60C-5555FCFE30B7", "appKey": "85A09F60A599F5E1867EAB915A8BB07F", "timestamp": "16124915505A584255406478", "userProfileExtensionModel": {}, "refreshToken": "c2/kt52S8pvemA==" } } 使用上一步得到的 body.tmpCode 请求服务器设置 cookieGET https://static.dingtalk.com/media/setCookie?code=33405583_E755ADF8-E5A3-42DA-A60C-5555FCFE30B7&callback=__jp0订阅消息{ "lwp": "/subscribe", "headers": { "token": "Gs/Go7jpo=", // 登陆成功后服务器推送消息中的 body.accessToken "sync": "0,0;0;0;", "set-ver": "0", "mid": "ab030024 0" } } 服务端响应订阅：{ "headers": { "reg-sid": "ac1d503a5a55bf1454bb2724efdfdfdfdf5882550192a20", "reg-uid": "33400003@dingding", "mid": "ab030024 0", "uuid": "ggHaACRjNjc2ZmQ3jU5LTQ0MTEtOGQwMS02YWRjYODMCsTMzNDA2NjgzQGRpbmdkaW5n", "real-ip": "61.139.59.61", "sid": "ac1d503a5a55bf1454bb2724ef29f2f5882550192a20" }, "code": 200 }获取状态{ "lwp": "/r/Sync/getState", "headers": { "mid": "e4d10004 0" }, "body": [ { "pts": 0, "highPts": 0, "seq": 0, "timestamp": 0, "tooLong2Tag": "" } ] }服务端响应获取的状态结果：{ "headers": { "dt": "j", "mid": "e4d10004 0", // 和上面获取状态时发送的 mid 一样，表明是响应的数据 "sid": "0b8319955a57146440a3207de6bf969793baf23b6490" }, "code": 200, "body": { "tooLong2Tag": "center,1", "topic": "sync", "highPts": 1515655826286000, "pts": 1515623661092000, "seq": 0, "timestamp": 1515656293128 } }猜测是获取未读消息，经过这两步后，新消息才会主动通知给客户端{ "lwp": "/r/Sync/getDiff", "headers": { "mid": "2d7b0013 0" }, "body": [ //这里的数据就是上一步响应的结果 { "tooLong2Tag": "center,1", "topic": "sync", "highPts": 1515655826286000, "pts": 1515623661092000, "seq": 0, "timestamp": 1515656293128 } ] }确认收到未读消息{ "lwp": "/r/Sync/ackDiff", "headers": { "mid": "022b0015 0" }, "body": [ // 还是上面获取状态时的响应结果 { "tooLong2Tag": "center,1", "topic": "sync", "highPts": 1515655826286000, "pts": 1515623661092000, "seq": 0, "timestamp": 1515656293128 } ] }标记消息为已读{ "lwp": "/r/IDLMessageStatus/updateToView", "headers": { "mid": "6e900034 0" }, "body": [ "33666666:3833666665", // 上一步得到的 发送者uid:接收者uid 49827229684 // 上一步得到的消息ID ] }
先看看效果需求 图片以背景的形式铺满整个屏幕，不留空白区域 保持图像的纵横比（图片不变形） 图片居中 不出现滚动条 最简单的实现html{ height: 100%; background: url(1.jpg); background-size: cover; }但是使用该方法后，当屏幕比例和图片比例不一样时，背景的右边或下边会隐藏掉，不符合我们的图片居中的需求。因此我们再结合JS进行偏移量的计算：完整代码 background 回归简单由于前面写CSS的时候没有想到背景居中，而去写了一大段的JS的配合，结果最近发现在用cover的同时再配合背景居中就能搞定：html{ height: 100%; background: url(1.jpg) no-repeat center; background-size: cover; }
新增了正则表达式验证和自定义函数验证的方法/*! jQuery Validation Plugin - v1.11.1 - 3/22/2013\n* https://github.com/jzaefferer/jquery-validation * Copyright (c) 2013 Jörn Zaefferer; Licensed MIT */ /*! * jQuery Validation Plugin 1.11.1 * * http://bassistance.de/jquery-plugins/jquery-plugin-validation/ * http://docs.jquery.com/Plugins/Validation * * Copyright 2013 Jörn Zaefferer * Released under the MIT license: * http://www.opensource.org/licenses/mit-license.php */ (function($) { $.extend($.fn, { // http://docs.jquery.com/Plugins/Validation/validate validate: function( options ) { // if nothing is selected, return nothing; can't chain anyway if ( !this.length ) { if ( options && options.debug && window.console ) { console.warn( "Nothing selected, can't validate, returning nothing." ); } return; } // check if a validator for this form was already created var validator = $.data( this[0], "validator" ); if ( validator ) { return validator; } // Add novalidate tag if HTML5. this.attr( "novalidate", "novalidate" ); validator = new $.validator( options, this[0] ); $.data( this[0], "validator", validator ); if ( validator.settings.onsubmit ) { this.validateDelegate( ":submit", "click", function( event ) { if ( validator.settings.submitHandler ) { validator.submitButton = event.target; } // allow suppressing validation by adding a cancel class to the submit button if ( $(event.target).hasClass("cancel") ) { validator.cancelSubmit = true; } // allow suppressing validation by adding the html5 formnovalidate attribute to the submit button if ( $(event.target).attr("formnovalidate") !== undefined ) { validator.cancelSubmit = true; } }); // validate the form on submit this.submit( function( event ) { if ( validator.settings.debug ) { // prevent form submit to be able to see console output event.preventDefault(); } function handle() { var hidden; if ( validator.settings.submitHandler ) { if ( validator.submitButton ) { // insert a hidden input as a replacement for the missing submit button hidden = $(" ").attr("name", validator.submitButton.name).val( $(validator.submitButton).val() ).appendTo(validator.currentForm); } validator.settings.submitHandler.call( validator, validator.currentForm, event ); if ( validator.submitButton ) { // and clean up afterwards; thanks to no-block-scope, hidden can be referenced hidden.remove(); } return false; } return true; } // prevent submit for invalid forms or custom submit handlers if ( validator.cancelSubmit ) { validator.cancelSubmit = false; return handle(); } if ( validator.form() ) { if ( validator.pendingRequest ) { validator.formSubmitted = true; return false; } return handle(); } else { validator.focusInvalid(); return false; } }); } return validator; }, // http://docs.jquery.com/Plugins/Validation/valid valid: function() { if ( $(this[0]).is("form")) { return this.validate().form(); } else { var valid = true; var validator = $(this[0].form).validate(); this.each(function() { valid = valid && validator.element(this); }); return valid; } }, // attributes: space seperated list of attributes to retrieve and remove removeAttrs: function( attributes ) { var result = {}, $element = this; $.each(attributes.split(/\s/), function( index, value ) { result[value] = $element.attr(value); $element.removeAttr(value); }); return result; }, // http://docs.jquery.com/Plugins/Validation/rules rules: function( command, argument ) { var element = this[0]; if ( command ) { var settings = $.data(element.form, "validator").settings; var staticRules = settings.rules; var existingRules = $.validator.staticRules(element); switch(command) { case "add": $.extend(existingRules, $.validator.normalizeRule(argument)); // remove messages from rules, but allow them to be set separetely delete existingRules.messages; staticRules[element.name] = existingRules; if ( argument.messages ) { settings.messages[element.name] = $.extend( settings.messages[element.name], argument.messages ); } break; case "remove": if ( !argument ) { delete staticRules[element.name]; return existingRules; } var filtered = {}; $.each(argument.split(/\s/), function( index, method ) { filtered[method] = existingRules[method]; delete existingRules[method]; }); return filtered; } } var data = $.validator.normalizeRules( $.extend( {}, $.validator.classRules(element), $.validator.attributeRules(element), $.validator.dataRules(element), $.validator.staticRules(element) ), element); // make sure required is at front if ( data.required ) { var param = data.required; delete data.required; data = $.extend({required: param}, data); } return data; } }); // Custom selectors $.extend($.expr[":"], { // http://docs.jquery.com/Plugins/Validation/blank blank: function( a ) { return !$.trim("" + $(a).val()); }, // http://docs.jquery.com/Plugins/Validation/filled filled: function( a ) { return !!$.trim("" + $(a).val()); }, // http://docs.jquery.com/Plugins/Validation/unchecked unchecked: function( a ) { return !$(a).prop("checked"); } }); // constructor for validator $.validator = function( options, form ) { this.settings = $.extend( true, {}, $.validator.defaults, options ); this.currentForm = form; this.init(); }; $.validator.format = function( source, params ) { if ( arguments.length === 1 ) { return function() { var args = $.makeArray(arguments); args.unshift(source); return $.validator.format.apply( this, args ); }; } if ( arguments.length > 2 && params.constructor !== Array ) { params = $.makeArray(arguments).slice(1); } if ( params.constructor !== Array ) { params = [ params ]; } $.each(params, function( i, n ) { source = source.replace( new RegExp("\\{" + i + "\\}", "g"), function() { return n; }); }); return source; }; $.extend($.validator, { defaults: { messages: {}, groups: {}, rules: {}, errorClass: "error", validClass: "valid", errorElement: "label", focusInvalid: true, errorContainer: $([]), errorLabelContainer: $([]), onsubmit: true, ignore: ":hidden", ignoreTitle: false, onfocusin: function( element, event ) { this.lastActive = element; // hide error label and remove error class on focus if enabled if ( this.settings.focusCleanup && !this.blockFocusCleanup ) { if ( this.settings.unhighlight ) { this.settings.unhighlight.call( this, element, this.settings.errorClass, this.settings.validClass ); } this.addWrapper(this.errorsFor(element)).hide(); } }, onfocusout: function( element, event ) { if ( !this.checkable(element) && (element.name in this.submitted || !this.optional(element)) ) { this.element(element); } }, onkeyup: function( element, event ) { if ( event.which === 9 && this.elementValue(element) === "" ) { return; } /** * todo：lastActive对比lastElement * 1.10版 else if ( element.name in this.submitted || element === this.lastActive ) { * 1.11版 else if ( element.name in this.submitted || element === this.lastElement ) { * 1.10版可以在第一次填写输入框时捕获keyup事件进行验证 * 1.11版需要在失去焦点验证后再次填写才会有keyup事件验证 */ else if ( element.name in this.submitted || element === this.lastActive ) { this.element(element); } }, onclick: function( element, event ) { // click on selects, radiobuttons and checkboxes if ( element.name in this.submitted ) { this.element(element); } // or option elements, check parent select in that case else if ( element.parentNode.name in this.submitted ) { this.element(element.parentNode); } }, highlight: function( element, errorClass, validClass ) { if ( element.type === "radio" ) { this.findByName(element.name).addClass(errorClass).removeClass(validClass); } else { $(element).addClass(errorClass).removeClass(validClass); } }, unhighlight: function( element, errorClass, validClass ) { if ( element.type === "radio" ) { this.findByName(element.name).removeClass(errorClass).addClass(validClass); } else { $(element).removeClass(errorClass).addClass(validClass); } } }, // http://docs.jquery.com/Plugins/Validation/Validator/setDefaults setDefaults: function( settings ) { $.extend( $.validator.defaults, settings ); }, messages: { required: "该字段是必须的", remote: "请修正该字段", email: "请输入正确格式的电子邮件", url: "请输入合法的网址", date: "请输入合法的日期", dateISO: "请输入合法的日期 (ISO).", number: "请输入合法的数字", digits: "只能输入整数", creditcard: "请输入合法的信用卡号", equalTo: "请再次输入相同的值", accept: "请输入拥有合法后缀名的字符串", maxlength: $.validator.format("请输入一个长度最多是 {0} 的字符串"), minlength: $.validator.format("请输入一个长度最少是 {0} 的字符串"), rangelength: $.validator.format("请输入一个长度介于 {0} 和 {1} 之间的字符串"), range: $.validator.format("请输入一个介于 {0} 和 {1} 之间的值"), max: $.validator.format("请输入一个最大为 {0} 的值"), min: $.validator.format("请输入一个最小为 {0} 的值") }, autoCreateRanges: false, prototype: { init: function() { this.labelContainer = $(this.settings.errorLabelContainer); this.errorContext = this.labelContainer.length && this.labelContainer || $(this.currentForm); this.containers = $(this.settings.errorContainer).add( this.settings.errorLabelContainer ); this.submitted = {}; this.valueCache = {}; this.pendingRequest = 0; this.pending = {}; this.invalid = {}; this.reset(); var groups = (this.groups = {}); $.each(this.settings.groups, function( key, value ) { if ( typeof value === "string" ) { value = value.split(/\s/); } $.each(value, function( index, name ) { groups[name] = key; }); }); var rules = this.settings.rules; $.each(rules, function( key, value ) { rules[key] = $.validator.normalizeRule(value); }); function delegate(event) { var validator = $.data(this[0].form, "validator"), eventType = "on" + event.type.replace(/^validate/, ""); if ( validator.settings[eventType] ) { validator.settings[eventType].call(validator, this[0], event); } } $(this.currentForm) .validateDelegate(":text, [type='password'], [type='file'], select, textarea, " + "[type='number'], [type='search'] ,[type='tel'], [type='url'], " + "[type='email'], [type='datetime'], [type='date'], [type='month'], " + "[type='week'], [type='time'], [type='datetime-local'], " + "[type='range'], [type='color'] ", "focusin focusout keyup", delegate) .validateDelegate("[type='radio'], [type='checkbox'], select, option", "click", delegate); if ( this.settings.invalidHandler ) { $(this.currentForm).bind("invalid-form.validate", this.settings.invalidHandler); } }, // http://docs.jquery.com/Plugins/Validation/Validator/form form: function() { this.checkForm(); $.extend(this.submitted, this.errorMap); this.invalid = $.extend({}, this.errorMap); if ( !this.valid() ) { $(this.currentForm).triggerHandler("invalid-form", [this]); } this.showErrors(); return this.valid(); }, checkForm: function() { this.prepareForm(); for ( var i = 0, elements = (this.currentElements = this.elements()); elements[i]; i++ ) { this.check( elements[i] ); } return this.valid(); }, // http://docs.jquery.com/Plugins/Validation/Validator/element element: function( element ) { element = this.validationTargetFor( this.clean( element ) ); this.lastElement = element; this.prepareElement( element ); this.currentElements = $(element); var result = this.check( element ) !== false; if ( result ) { delete this.invalid[element.name]; } else { this.invalid[element.name] = true; } if ( !this.numberOfInvalids() ) { // Hide error containers on last error this.toHide = this.toHide.add( this.containers ); } this.showErrors(); return result; }, // http://docs.jquery.com/Plugins/Validation/Validator/showErrors showErrors: function( errors ) { if ( errors ) { // add items to error list and map $.extend( this.errorMap, errors ); this.errorList = []; for ( var name in errors ) { this.errorList.push({ message: errors[name], element: this.findByName(name)[0] }); } // remove items from success list this.successList = $.grep( this.successList, function( element ) { return !(element.name in errors); }); } if ( this.settings.showErrors ) { this.settings.showErrors.call( this, this.errorMap, this.errorList ); } else { this.defaultShowErrors(); } }, // http://docs.jquery.com/Plugins/Validation/Validator/resetForm resetForm: function() { if ( $.fn.resetForm ) { $(this.currentForm).resetForm(); } this.submitted = {}; this.lastElement = null; this.prepareForm(); this.hideErrors(); this.elements().removeClass( this.settings.errorClass ).removeData( "previousValue" ); }, numberOfInvalids: function() { return this.objectLength(this.invalid); }, objectLength: function( obj ) { var count = 0; for ( var i in obj ) { count++; } return count; }, hideErrors: function() { this.addWrapper( this.toHide ).hide(); }, valid: function() { return this.size() === 0; }, size: function() { return this.errorList.length; }, focusInvalid: function() { if ( this.settings.focusInvalid ) { try { $(this.findLastActive() || this.errorList.length && this.errorList[0].element || []) .filter(":visible") .focus() // manually trigger focusin event; without it, focusin handler isn't called, findLastActive won't have anything to find .trigger("focusin"); } catch(e) { // ignore IE throwing errors when focusing hidden elements } } }, findLastActive: function() { var lastActive = this.lastActive; return lastActive && $.grep(this.errorList, function( n ) { return n.element.name === lastActive.name; }).length === 1 && lastActive; }, elements: function() { var validator = this, rulesCache = {}; // select all valid inputs inside the form (no submit or reset buttons) return $(this.currentForm) .find("input, select, textarea") .not(":submit, :reset, :image, [disabled]") .not( this.settings.ignore ) .filter(function() { if ( !this.name && validator.settings.debug && window.console ) { console.error( "%o has no name assigned", this); } // select only the first element for each name, and only those with rules specified if ( this.name in rulesCache || !validator.objectLength($(this).rules()) ) { return false; } rulesCache[this.name] = true; return true; }); }, clean: function( selector ) { return $(selector)[0]; }, errors: function() { var errorClass = this.settings.errorClass.replace(" ", "."); return $(this.settings.errorElement + "." + errorClass, this.errorContext); }, reset: function() { this.successList = []; this.errorList = []; this.errorMap = {}; this.toShow = $([]); this.toHide = $([]); this.currentElements = $([]); }, prepareForm: function() { this.reset(); this.toHide = this.errors().add( this.containers ); }, prepareElement: function( element ) { this.reset(); this.toHide = this.errorsFor(element); }, elementValue: function( element ) { var type = $(element).attr("type"), val = $(element).val(); if ( type === "radio" || type === "checkbox" ) { return $("input[name='" + $(element).attr("name") + "']:checked").val(); } if ( typeof val === "string" ) { return val.replace(/\r/g, ""); } return val; }, check: function( element ) { element = this.validationTargetFor( this.clean( element ) ); var rules = $(element).rules(); var dependencyMismatch = false; var val = this.elementValue(element); var result; for (var method in rules ) { var rule = { method: method, parameters: rules[method] }; try { result = $.validator.methods[method].call( this, val, element, rule.parameters ); // if a method indicates that the field is optional and therefore valid, // don't mark it as valid when there are no other rules if ( result === "dependency-mismatch" ) { dependencyMismatch = true; continue; } dependencyMismatch = false; if ( result === "pending" ) { this.toHide = this.toHide.not( this.errorsFor(element) ); return; } if ( !result ) { this.formatAndAdd( element, rule ); return false; } } catch(e) { if ( this.settings.debug && window.console ) { console.log( "Exception occurred when checking element " + element.id + ", check the '" + rule.method + "' method.", e ); } throw e; } } if ( dependencyMismatch ) { return; } if ( this.objectLength(rules) ) { this.successList.push(element); } return true; }, // return the custom message for the given element and validation method // specified in the element's HTML5 data attribute customDataMessage: function( element, method ) { return $(element).data("msg-" + method.toLowerCase()) || (element.attributes && $(element).attr("data-msg-" + method.toLowerCase())); }, // return the custom message for the given element name and validation method customMessage: function( name, method ) { var m = this.settings.messages[name]; return m && (m.constructor === String ? m : m[method]); }, // return the first defined argument, allowing empty strings findDefined: function() { for(var i = 0; i < arguments.length; i++) { if ( arguments[i] !== undefined ) { return arguments[i]; } } return undefined; }, defaultMessage: function( element, method ) { return this.findDefined( this.customMessage( element.name, method ), this.customDataMessage( element, method ), // title is never undefined, so handle empty string as undefined !this.settings.ignoreTitle && element.title || undefined, $.validator.messages[method], "Warning: No message defined for " + element.name + "" ); }, formatAndAdd: function( element, rule ) { var message = this.defaultMessage( element, rule.method ), theregex = /\$?\{(\d+)\}/g; if ( typeof message === "function" ) { message = message.call(this, rule.parameters, element); } else if (theregex.test(message)) { message = $.validator.format(message.replace(theregex, "{$1}"), rule.parameters); } this.errorList.push({ message: message, element: element }); this.errorMap[element.name] = message; this.submitted[element.name] = message; }, addWrapper: function( toToggle ) { if ( this.settings.wrapper ) { toToggle = toToggle.add( toToggle.parent( this.settings.wrapper ) ); } return toToggle; }, defaultShowErrors: function() { var i, elements; for ( i = 0; this.errorList[i]; i++ ) { var error = this.errorList[i]; if ( this.settings.highlight ) { this.settings.highlight.call( this, error.element, this.settings.errorClass, this.settings.validClass ); } this.showLabel( error.element, error.message ); } if ( this.errorList.length ) { this.toShow = this.toShow.add( this.containers ); } if ( this.settings.success ) { for ( i = 0; this.successList[i]; i++ ) { this.showLabel( this.successList[i] ); } } if ( this.settings.unhighlight ) { for ( i = 0, elements = this.validElements(); elements[i]; i++ ) { this.settings.unhighlight.call( this, elements[i], this.settings.errorClass, this.settings.validClass ); } } this.toHide = this.toHide.not( this.toShow ); this.hideErrors(); this.addWrapper( this.toShow ).show(); }, validElements: function() { return this.currentElements.not(this.invalidElements()); }, invalidElements: function() { return $(this.errorList).map(function() { return this.element; }); }, showLabel: function( element, message ) { var label = this.errorsFor( element ); if ( label.length ) { // refresh error/success class label.removeClass( this.settings.validClass ).addClass( this.settings.errorClass ); // replace message on existing label label.html(message); } else { // create label label = $("<" + this.settings.errorElement + ">") .attr("for", this.idOrName(element)) .addClass(this.settings.errorClass) .html(message || ""); if ( this.settings.wrapper ) { // make sure the element is visible, even in IE // actually showing the wrapped element is handled elsewhere label = label.hide().show().wrap("<" + this.settings.wrapper + "/>").parent(); } if ( !this.labelContainer.append(label).length ) { if ( this.settings.errorPlacement ) { this.settings.errorPlacement(label, $(element) ); } else { label.insertAfter(element); } } } if ( !message && this.settings.success ) { label.text(""); if ( typeof this.settings.success === "string" ) { label.addClass( this.settings.success ); } else { this.settings.success( label, element ); } } this.toShow = this.toShow.add(label); }, errorsFor: function( element ) { var name = this.idOrName(element); return this.errors().filter(function() { return $(this).attr("for") === name; }); }, idOrName: function( element ) { return this.groups[element.name] || (this.checkable(element) ? element.name : element.id || element.name); }, validationTargetFor: function( element ) { // if radio/checkbox, validate first element in group instead if ( this.checkable(element) ) { element = this.findByName( element.name ).not(this.settings.ignore)[0]; } return element; }, checkable: function( element ) { return (/radio|checkbox/i).test(element.type); }, findByName: function( name ) { return $(this.currentForm).find("[name='" + name + "']"); }, getLength: function( value, element ) { switch( element.nodeName.toLowerCase() ) { case "select": return $("option:selected", element).length; case "input": if ( this.checkable( element) ) { return this.findByName(element.name).filter(":checked").length; } } return value.length; }, depend: function( param, element ) { return this.dependTypes[typeof param] ? this.dependTypes[typeof param](param, element) : true; }, dependTypes: { "boolean": function( param, element ) { return param; }, "string": function( param, element ) { return !!$(param, element.form).length; }, "function": function( param, element ) { return param(element); } }, optional: function( element ) { var val = this.elementValue(element); return !$.validator.methods.required.call(this, val, element) && "dependency-mismatch"; }, startRequest: function( element ) { if ( !this.pending[element.name] ) { this.pendingRequest++; this.pending[element.name] = true; } }, stopRequest: function( element, valid ) { this.pendingRequest--; // sometimes synchronization fails, make sure pendingRequest is never < 0 if ( this.pendingRequest < 0 ) { this.pendingRequest = 0; } delete this.pending[element.name]; if ( valid && this.pendingRequest === 0 && this.formSubmitted && this.form() ) { $(this.currentForm).submit(); this.formSubmitted = false; } else if (!valid && this.pendingRequest === 0 && this.formSubmitted) { $(this.currentForm).triggerHandler("invalid-form", [this]); this.formSubmitted = false; } }, previousValue: function( element ) { return $.data(element, "previousValue") || $.data(element, "previousValue", { old: null, valid: true, message: this.defaultMessage( element, "remote" ) }); } }, classRuleSettings: { required: {required: true}, email: {email: true}, url: {url: true}, date: {date: true}, dateISO: {dateISO: true}, number: {number: true}, digits: {digits: true}, creditcard: {creditcard: true} }, addClassRules: function( className, rules ) { if ( className.constructor === String ) { this.classRuleSettings[className] = rules; } else { $.extend(this.classRuleSettings, className); } }, classRules: function( element ) { var rules = {}; var classes = $(element).attr("class"); if ( classes ) { $.each(classes.split(" "), function() { if ( this in $.validator.classRuleSettings ) { $.extend(rules, $.validator.classRuleSettings[this]); } }); } return rules; }, attributeRules: function( element ) { var rules = {}; var $element = $(element); var type = $element[0].getAttribute("type"); for (var method in $.validator.methods) { var value; // support for in both html5 and older browsers if ( method === "required" ) { value = $element.get(0).getAttribute(method); // Some browsers return an empty string for the required attribute // and non-HTML5 browsers might have required="" markup if ( value === "" ) { value = true; } // force non-HTML5 browsers to return bool value = !!value; } else { value = $element.attr(method); } // convert the value to a number for number inputs, and for text for backwards compability // allows type="date" and others to be compared as strings if ( /min|max/.test( method ) && ( type === null || /number|range|text/.test( type ) ) ) { value = Number(value); } if ( value ) { rules[method] = value; } else if ( type === method && type !== 'range' ) { // exception: the jquery validate 'range' method // does not test for the html5 'range' type rules[method] = true; } } // maxlength may be returned as -1, 2147483647 (IE) and 524288 (safari) for text inputs if ( rules.maxlength && /-1|2147483647|524288/.test(rules.maxlength) ) { delete rules.maxlength; } return rules; }, dataRules: function( element ) { var method, value, rules = {}, $element = $(element); for (method in $.validator.methods) { value = $element.data("rule-" + method.toLowerCase()); if ( value !== undefined ) { rules[method] = value; } } return rules; }, staticRules: function( element ) { var rules = {}; var validator = $.data(element.form, "validator"); if ( validator.settings && validator.settings.rules ) { rules = $.validator.normalizeRule(validator.settings.rules[element.name]) || {}; } return rules; }, normalizeRules: function( rules, element ) { // handle dependency check $.each(rules, function( prop, val ) { // ignore rule when param is explicitly false, eg. required:false if ( val === false ) { delete rules[prop]; return; } if ( val.param || val.depends ) { var keepRule = true; switch (typeof val.depends) { case "string": keepRule = !!$(val.depends, element.form).length; break; case "function": keepRule = val.depends.call(element, element); break; } if ( keepRule ) { rules[prop] = val.param !== undefined ? val.param : true; } else { delete rules[prop]; } } }); // evaluate parameters /*$.each(rules, function( rule, parameter ) { rules[rule] = $.isFunction(parameter) ? parameter(element) : parameter; });*/ // clean number parameters $.each(['minlength', 'maxlength'], function() { if ( rules[this] ) { rules[this] = Number(rules[this]); } }); $.each(['rangelength', 'range'], function() { var parts; if ( rules[this] ) { if ( $.isArray(rules[this]) ) { rules[this] = [Number(rules[this][0]), Number(rules[this][1])]; } else if ( typeof rules[this] === "string" ) { parts = rules[this].split(/[\s,]+/); rules[this] = [Number(parts[0]), Number(parts[1])]; } } }); if ( $.validator.autoCreateRanges ) { // auto-create ranges if ( rules.min && rules.max ) { rules.range = [rules.min, rules.max]; delete rules.min; delete rules.max; } if ( rules.minlength && rules.maxlength ) { rules.rangelength = [rules.minlength, rules.maxlength]; delete rules.minlength; delete rules.maxlength; } } return rules; }, // Converts a simple string to a {string: true} rule, e.g., "required" to {required:true} normalizeRule: function( data ) { if ( typeof data === "string" ) { var transformed = {}; $.each(data.split(/\s/), function() { transformed[this] = true; }); data = transformed; } if ($.isFunction(data)) { data = {func: data}; } return data; }, // http://docs.jquery.com/Plugins/Validation/Validator/addMethod addMethod: function( name, method, message ) { $.validator.methods[name] = method; $.validator.messages[name] = message !== undefined ? message : $.validator.messages[name]; if ( method.length < 3 ) { $.validator.addClassRules(name, $.validator.normalizeRule(name)); } }, methods: { // http://docs.jquery.com/Plugins/Validation/Methods/required required: function( value, element, param ) { // check if dependency is met if ( !this.depend(param, element) ) { return "dependency-mismatch"; } if ( element.nodeName.toLowerCase() === "select" ) { // could be an array for select-multiple or a string, both are fine this way var val = $(element).val(); return val && val.length > 0; } if ( this.checkable(element) ) { return this.getLength(value, element) > 0; } return $.trim(value).length > 0; }, // http://docs.jquery.com/Plugins/Validation/Methods/email email: function( value, element ) { // contributed by Scott Gonzalez: http://projects.scottsplayground.com/email_address_validation/ return this.optional(element) || /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))$/i.test(value); }, // http://docs.jquery.com/Plugins/Validation/Methods/url url: function( value, element ) { // contributed by Scott Gonzalez: http://projects.scottsplayground.com/iri/ return this.optional(element) || /^(https?|s?ftp):\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i.test(value); }, // http://docs.jquery.com/Plugins/Validation/Methods/date date: function( value, element ) { return this.optional(element) || !/Invalid|NaN/.test(new Date(value).toString()); }, // http://docs.jquery.com/Plugins/Validation/Methods/dateISO dateISO: function( value, element ) { return this.optional(element) || /^\d{4}[\/\-]\d{1,2}[\/\-]\d{1,2}$/.test(value); }, // http://docs.jquery.com/Plugins/Validation/Methods/number number: function( value, element ) { return this.optional(element) || /^-?(?:\d+|\d{1,3}(?:,\d{3})+)?(?:\.\d+)?$/.test(value); }, // http://docs.jquery.com/Plugins/Validation/Methods/digits digits: function( value, element ) { return this.optional(element) || /^\d+$/.test(value); }, // http://docs.jquery.com/Plugins/Validation/Methods/creditcard // based on http://en.wikipedia.org/wiki/Luhn creditcard: function( value, element ) { if ( this.optional(element) ) { return "dependency-mismatch"; } // accept only spaces, digits and dashes if ( /[^0-9 \-]+/.test(value) ) { return false; } var nCheck = 0, nDigit = 0, bEven = false; value = value.replace(/\D/g, ""); for (var n = value.length - 1; n >= 0; n--) { var cDigit = value.charAt(n); nDigit = parseInt(cDigit, 10); if ( bEven ) { if ( (nDigit *= 2) > 9 ) { nDigit -= 9; } } nCheck += nDigit; bEven = !bEven; } return (nCheck % 10) === 0; }, // http://docs.jquery.com/Plugins/Validation/Methods/minlength minlength: function( value, element, param ) { var length = $.isArray( value ) ? value.length : this.getLength($.trim(value), element); return this.optional(element) || length >= param; }, // http://docs.jquery.com/Plugins/Validation/Methods/maxlength maxlength: function( value, element, param ) { var length = $.isArray( value ) ? value.length : this.getLength($.trim(value), element); return this.optional(element) || length <= param; }, // http://docs.jquery.com/Plugins/Validation/Methods/rangelength rangelength: function( value, element, param ) { var length = $.isArray( value ) ? value.length : this.getLength($.trim(value), element); return this.optional(element) || ( length >= param[0] && length <= param[1] ); }, // http://docs.jquery.com/Plugins/Validation/Methods/min min: function( value, element, param ) { return this.optional(element) || value >= param; }, // http://docs.jquery.com/Plugins/Validation/Methods/max max: function( value, element, param ) { return this.optional(element) || value <= param; }, // http://docs.jquery.com/Plugins/Validation/Methods/range range: function( value, element, param ) { return this.optional(element) || ( value >= param[0] && value <= param[1] ); }, // http://docs.jquery.com/Plugins/Validation/Methods/equalTo equalTo: function( value, element, param ) { // bind to the blur event of the target in order to revalidate whenever the target field is updated // TODO find a way to bind the event just once, avoiding the unbind-rebind overhead var target = $(param); if ( this.settings.onfocusout ) { target.unbind(".validate-equalTo").bind("blur.validate-equalTo", function() { $(element).valid(); }); } return value === target.val(); }, // http://docs.jquery.com/Plugins/Validation/Methods/remote remote: function( value, element, param ) { if ( this.optional(element) ) { return "dependency-mismatch"; } var previous = this.previousValue(element); if (!this.settings.messages[element.name] ) { this.settings.messages[element.name] = {}; } previous.originalMessage = this.settings.messages[element.name].remote; this.settings.messages[element.name].remote = previous.message; param = typeof param === "string" && {url:param} || param; if ( previous.old === value ) { return previous.valid; } previous.old = value; var validator = this; this.startRequest(element); var data = {}; data[element.name] = value; $.ajax($.extend(true, { url: param, mode: "abort", port: "validate" + element.name, dataType: "json", data: data, success: function( response ) { validator.settings.messages[element.name].remote = previous.originalMessage; var valid = response === true || response === "true"; if ( valid ) { var submitted = validator.formSubmitted; validator.prepareElement(element); validator.formSubmitted = submitted; validator.successList.push(element); delete validator.invalid[element.name]; validator.showErrors(); } else { var errors = {}; var message = response || validator.defaultMessage( element, "remote" ); errors[element.name] = previous.message = $.isFunction(message) ? message(value) : message; validator.invalid[element.name] = true; validator.showErrors(errors); } previous.valid = valid; validator.stopRequest(element, valid); } }, param)); return "pending"; }, /** * 正则验证 * @param value * @param element * @param param */ regex: function ( value, element, param ) { return param.test(value); }, /** * 自定义函数验证 * @param value * @param element * @param param */ func: function ( value, element, param ) { if (typeof param == 'string' && window[param]) { param = window[param]; } if (!$.isFunction(param)) { console && console.error('param is not a function'); return true; } var ret = param.call(element, value); if (ret === true) { return true; } else { var msg = $(element).data("msg-func"); var m = this.settings.messages[element.name] || 'Warning: No message defined for ' + element.name; if (ret === false) { msg = msg || (m.constructor === String ? m : m.func); } else { if (msg === undefined) { $(element).data("msg-func", m.constructor === String ? m : m.func); } msg = ret; } if (m.constructor === String) { this.settings.messages[element.name] = msg; } else { this.settings.messages[element.name] = $.extend({}, m, {func: msg}); } return false; } } } }); // deprecated, use $.validator.format instead $.format = $.validator.format; }(jQuery)); // ajax mode: abort // usage: $.ajax({ mode: "abort"[, port: "uniqueport"]}); // if mode:"abort" is used, the previous request on that port (port can be undefined) is aborted via XMLHttpRequest.abort() (function($) { var pendingRequests = {}; // Use a prefilter if available (1.5+) if ( $.ajaxPrefilter ) { $.ajaxPrefilter(function( settings, _, xhr ) { var port = settings.port; if ( settings.mode === "abort" ) { if ( pendingRequests[port] ) { pendingRequests[port].abort(); } pendingRequests[port] = xhr; } }); } else { // Proxy ajax var ajax = $.ajax; $.ajax = function( settings ) { var mode = ( "mode" in settings ? settings : $.ajaxSettings ).mode, port = ( "port" in settings ? settings : $.ajaxSettings ).port; if ( mode === "abort" ) { if ( pendingRequests[port] ) { pendingRequests[port].abort(); } pendingRequests[port] = ajax.apply(this, arguments); return pendingRequests[port]; } return ajax.apply(this, arguments); }; } }(jQuery)); // provides delegate(type: String, delegate: Selector, handler: Callback) plugin for easier event delegation // handler is only called when $(event.target).is(delegate), in the scope of the jquery-object for event.target (function($) { $.extend($.fn, { validateDelegate: function( delegate, type, handler ) { return this.bind(type, function( event ) { var target = $(event.target); if ( target.is(delegate) ) { return handler.apply(target, arguments); } }); } }); }(jQuery));