Created
March 29, 2016 08:21
-
-
Save staabm/240fa96929f0429f6fb2 to your computer and use it in GitHub Desktop.
jq-validate input event
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*! | |
* jQuery Validation Plugin v1.15.1-pre | |
* | |
* http://jqueryvalidation.org/ | |
* | |
* Copyright (c) 2016 Jörn Zaefferer | |
* Released under the MIT license | |
*/ | |
(function( factory ) { | |
if ( typeof define === "function" && define.amd ) { | |
define( ["jquery"], factory ); | |
} else if (typeof module === "object" && module.exports) { | |
module.exports = factory( require( "jquery" ) ); | |
} else { | |
factory( jQuery ); | |
} | |
}(function( $ ) { | |
$.extend( $.fn, { | |
// http://jqueryvalidation.org/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.on( "click.validate", ":submit", function( event ) { | |
if ( validator.settings.submitHandler ) { | |
validator.submitButton = event.target; | |
} | |
// Allow suppressing validation by adding a cancel class to the submit button | |
if ( $( this ).hasClass( "cancel" ) ) { | |
validator.cancelSubmit = true; | |
} | |
// Allow suppressing validation by adding the html5 formnovalidate attribute to the submit button | |
if ( $( this ).attr( "formnovalidate" ) !== undefined ) { | |
validator.cancelSubmit = true; | |
} | |
} ); | |
// Validate the form on submit | |
this.on( "submit.validate", function( event ) { | |
if ( validator.settings.debug ) { | |
// Prevent form submit to be able to see console output | |
event.preventDefault(); | |
} | |
function handle() { | |
var hidden, result; | |
if ( validator.settings.submitHandler ) { | |
if ( validator.submitButton ) { | |
// Insert a hidden input as a replacement for the missing submit button | |
hidden = $( "<input type='hidden'/>" ) | |
.attr( "name", validator.submitButton.name ) | |
.val( $( validator.submitButton ).val() ) | |
.appendTo( validator.currentForm ); | |
} | |
result = 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(); | |
} | |
if ( result !== undefined ) { | |
return result; | |
} | |
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://jqueryvalidation.org/valid/ | |
valid: function() { | |
var valid, validator, errorList; | |
if ( $( this[ 0 ] ).is( "form" ) ) { | |
valid = this.validate().form(); | |
} else { | |
errorList = []; | |
valid = true; | |
validator = $( this[ 0 ].form ).validate(); | |
this.each( function() { | |
valid = validator.element( this ) && valid; | |
if ( !valid ) { | |
errorList = errorList.concat( validator.errorList ); | |
} | |
} ); | |
validator.errorList = errorList; | |
} | |
return valid; | |
}, | |
// http://jqueryvalidation.org/rules/ | |
rules: function( command, argument ) { | |
// If nothing is selected, return nothing; can't chain anyway | |
if ( !this.length ) { | |
return; | |
} | |
var element = this[ 0 ], | |
settings, staticRules, existingRules, data, param, filtered; | |
if ( command ) { | |
settings = $.data( element.form, "validator" ).settings; | |
staticRules = settings.rules; | |
existingRules = $.validator.staticRules( element ); | |
switch ( command ) { | |
case "add": | |
$.extend( existingRules, $.validator.normalizeRule( argument ) ); | |
// Remove messages from rules, but allow them to be set separately | |
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; | |
} | |
filtered = {}; | |
$.each( argument.split( /\s/ ), function( index, method ) { | |
filtered[ method ] = existingRules[ method ]; | |
delete existingRules[ method ]; | |
if ( method === "required" ) { | |
$( element ).removeAttr( "aria-required" ); | |
} | |
} ); | |
return filtered; | |
} | |
} | |
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 ) { | |
param = data.required; | |
delete data.required; | |
data = $.extend( { required: param }, data ); | |
$( element ).attr( "aria-required", "true" ); | |
} | |
// Make sure remote is at back | |
if ( data.remote ) { | |
param = data.remote; | |
delete data.remote; | |
data = $.extend( data, { remote: param } ); | |
} | |
return data; | |
} | |
} ); | |
// Custom selectors | |
$.extend( $.expr[ ":" ], { | |
// http://jqueryvalidation.org/blank-selector/ | |
blank: function( a ) { | |
return !$.trim( "" + $( a ).val() ); | |
}, | |
// http://jqueryvalidation.org/filled-selector/ | |
filled: function( a ) { | |
var val = $( a ).val(); | |
return val !== null && !!$.trim( "" + val ); | |
}, | |
// http://jqueryvalidation.org/unchecked-selector/ | |
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(); | |
}; | |
// http://jqueryvalidation.org/jQuery.validator.format/ | |
$.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 ( params === undefined ) { | |
return source; | |
} | |
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", | |
pendingClass: "pending", | |
validClass: "valid", | |
errorElement: "label", | |
focusCleanup: false, | |
focusInvalid: true, | |
errorContainer: $( [] ), | |
errorLabelContainer: $( [] ), | |
onsubmit: true, | |
ignore: ":hidden", | |
ignoreTitle: false, | |
onfocusin: function( element ) { | |
this.lastActive = element; | |
// Hide error label and remove error class on focus if enabled | |
if ( this.settings.focusCleanup ) { | |
if ( this.settings.unhighlight ) { | |
this.settings.unhighlight.call( this, element, this.settings.errorClass, this.settings.validClass ); | |
} | |
this.hideThese( this.errorsFor( element ) ); | |
} | |
}, | |
onfocusout: function( element ) { | |
if ( !this.checkable( element ) && ( element.name in this.submitted || !this.optional( element ) ) ) { | |
this.element( element ); | |
} | |
}, | |
oninput: function( element ) { | |
if ( element.name in this.submitted || element.name in this.invalid ) { | |
this.element( element ); | |
} | |
}, | |
// DEPRECATED | |
// Please use `oninput` instead. | |
onkeyup: function( element, event ) { | |
// Avoid revalidate the field when pressing one of the following keys | |
// Shift => 16 | |
// Ctrl => 17 | |
// Alt => 18 | |
// Caps lock => 20 | |
// End => 35 | |
// Home => 36 | |
// Left arrow => 37 | |
// Up arrow => 38 | |
// Right arrow => 39 | |
// Down arrow => 40 | |
// Insert => 45 | |
// Num lock => 144 | |
// AltGr key => 225 | |
var excludedKeys = [ | |
16, 17, 18, 20, 35, 36, 37, | |
38, 39, 40, 45, 144, 225 | |
]; | |
if ( event.which === 9 && this.elementValue( element ) === "" || $.inArray( event.keyCode, excludedKeys ) !== -1 ) { | |
return; | |
} else if ( element.name in this.submitted || element.name in this.invalid ) { | |
this.element( element ); | |
} | |
}, | |
onclick: function( element ) { | |
// 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://jqueryvalidation.org/jQuery.validator.setDefaults/ | |
setDefaults: function( settings ) { | |
$.extend( $.validator.defaults, settings ); | |
}, | |
messages: { | |
required: "This field is required.", | |
remote: "Please fix this field.", | |
email: "Please enter a valid email address.", | |
url: "Please enter a valid URL.", | |
date: "Please enter a valid date.", | |
dateISO: "Please enter a valid date ( ISO ).", | |
number: "Please enter a valid number.", | |
digits: "Please enter only digits.", | |
equalTo: "Please enter the same value again.", | |
maxlength: $.validator.format( "Please enter no more than {0} characters." ), | |
minlength: $.validator.format( "Please enter at least {0} characters." ), | |
rangelength: $.validator.format( "Please enter a value between {0} and {1} characters long." ), | |
range: $.validator.format( "Please enter a value between {0} and {1}." ), | |
max: $.validator.format( "Please enter a value less than or equal to {0}." ), | |
min: $.validator.format( "Please enter a value greater than or equal to {0}." ), | |
step: $.validator.format( "Please enter a multiple of {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 = {} ), | |
inputSupported = "oninput" in document.createElement( "input" ), | |
inputOrKeyup = inputSupported ? "input" : "keyup", | |
rules; | |
$.each( this.settings.groups, function( key, value ) { | |
if ( typeof value === "string" ) { | |
value = value.split( /\s/ ); | |
} | |
$.each( value, function( index, name ) { | |
groups[ name ] = key; | |
} ); | |
} ); | |
rules = this.settings.rules; | |
$.each( rules, function( key, value ) { | |
rules[ key ] = $.validator.normalizeRule( value ); | |
} ); | |
// Delete `onkeyup` if `input` event is supported | |
// Otherwise, remove `oninput` handler | |
delete this.settings[ inputSupported ? "onkeyup" : "oninput" ]; | |
function delegate( event ) { | |
var validator = $.data( this.form, "validator" ), | |
eventType = "on" + event.type.replace( /^validate/, "" ), | |
settings = validator.settings; | |
if ( settings[ eventType ] && !$( this ).is( settings.ignore ) ) { | |
settings[ eventType ].call( validator, this, event ); | |
} | |
} | |
$( this.currentForm ) | |
.on( "focusin.validate focusout.validate " + inputOrKeyup + ".validate", | |
":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'], " + | |
"[type='radio'], [type='checkbox'], [contenteditable]", delegate ) | |
// Support: Chrome, oldIE | |
// "select" is provided as event.target when clicking a option | |
.on( "click.validate", "select, option, [type='radio'], [type='checkbox']", delegate ); | |
if ( this.settings.invalidHandler ) { | |
$( this.currentForm ).on( "invalid-form.validate", this.settings.invalidHandler ); | |
} | |
// Add aria-required to any Static/Data/Class required fields before first validation | |
// Screen readers require this attribute to be present before the initial submission http://www.w3.org/TR/WCAG-TECHS/ARIA2.html | |
$( this.currentForm ).find( "[required], [data-rule-required], .required" ).attr( "aria-required", "true" ); | |
}, | |
// http://jqueryvalidation.org/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://jqueryvalidation.org/Validator.element/ | |
element: function( element ) { | |
var cleanElement = this.clean( element ), | |
checkElement = this.validationTargetFor( cleanElement ), | |
v = this, | |
result = true, | |
rs, group; | |
if ( checkElement === undefined ) { | |
delete this.invalid[ cleanElement.name ]; | |
} else { | |
this.prepareElement( checkElement ); | |
this.currentElements = $( checkElement ); | |
// If this element is grouped, then validate all group elements already | |
// containing a value | |
group = this.groups[ checkElement.name ]; | |
if ( group ) { | |
$.each( this.groups, function( name, testgroup ) { | |
if ( testgroup === group && name !== checkElement.name ) { | |
cleanElement = v.validationTargetFor( v.clean( v.findByName( name ) ) ); | |
if ( cleanElement && cleanElement.name in v.invalid ) { | |
v.currentElements.push( cleanElement ); | |
result = result && v.check( cleanElement ); | |
} | |
} | |
} ); | |
} | |
rs = this.check( checkElement ) !== false; | |
result = result && rs; | |
if ( rs ) { | |
this.invalid[ checkElement.name ] = false; | |
} else { | |
this.invalid[ checkElement.name ] = true; | |
} | |
if ( !this.numberOfInvalids() ) { | |
// Hide error containers on last error | |
this.toHide = this.toHide.add( this.containers ); | |
} | |
this.showErrors(); | |
// Add aria-invalid status for screen readers | |
$( element ).attr( "aria-invalid", !rs ); | |
} | |
return result; | |
}, | |
// http://jqueryvalidation.org/Validator.showErrors/ | |
showErrors: function( errors ) { | |
if ( errors ) { | |
var validator = this; | |
// Add items to error list and map | |
$.extend( this.errorMap, errors ); | |
this.errorList = $.map( this.errorMap, function( message, name ) { | |
return { | |
message: message, | |
element: validator.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://jqueryvalidation.org/Validator.resetForm/ | |
resetForm: function() { | |
if ( $.fn.resetForm ) { | |
$( this.currentForm ).resetForm(); | |
} | |
this.invalid = {}; | |
this.submitted = {}; | |
this.prepareForm(); | |
this.hideErrors(); | |
var elements = this.elements() | |
.removeData( "previousValue" ) | |
.removeAttr( "aria-invalid" ); | |
this.resetElements( elements ); | |
}, | |
resetElements: function( elements ) { | |
var i; | |
if ( this.settings.unhighlight ) { | |
for ( i = 0; elements[ i ]; i++ ) { | |
this.settings.unhighlight.call( this, elements[ i ], | |
this.settings.errorClass, "" ); | |
this.findByName( elements[ i ].name ).removeClass( this.settings.validClass ); | |
} | |
} else { | |
elements | |
.removeClass( this.settings.errorClass ) | |
.removeClass( this.settings.validClass ); | |
} | |
}, | |
numberOfInvalids: function() { | |
return this.objectLength( this.invalid ); | |
}, | |
objectLength: function( obj ) { | |
/* jshint unused: false */ | |
var count = 0, | |
i; | |
for ( i in obj ) { | |
if ( obj[ i ] ) { | |
count++; | |
} | |
} | |
return count; | |
}, | |
hideErrors: function() { | |
this.hideThese( this.toHide ); | |
}, | |
hideThese: function( errors ) { | |
errors.not( this.containers ).text( "" ); | |
this.addWrapper( errors ).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, [contenteditable]" ) | |
.not( ":submit, :reset, :image, :disabled" ) | |
.not( this.settings.ignore ) | |
.filter( function() { | |
var name = this.name || $( this ).attr( "name" ); // For contenteditable | |
if ( !name && validator.settings.debug && window.console ) { | |
console.error( "%o has no name assigned", this ); | |
} | |
// Set form expando on contenteditable | |
if ( this.hasAttribute( "contenteditable" ) ) { | |
this.form = $( this ).closest( "form" )[ 0 ]; | |
} | |
// Select only the first element for each name, and only those with rules specified | |
if ( name in rulesCache || !validator.objectLength( $( this ).rules() ) ) { | |
return false; | |
} | |
rulesCache[ name ] = true; | |
return true; | |
} ); | |
}, | |
clean: function( selector ) { | |
return $( selector )[ 0 ]; | |
}, | |
errors: function() { | |
var errorClass = this.settings.errorClass.split( " " ).join( "." ); | |
return $( this.settings.errorElement + "." + errorClass, this.errorContext ); | |
}, | |
resetInternals: function() { | |
this.successList = []; | |
this.errorList = []; | |
this.errorMap = {}; | |
this.toShow = $( [] ); | |
this.toHide = $( [] ); | |
}, | |
reset: function() { | |
this.resetInternals(); | |
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 $element = $( element ), | |
type = element.type, | |
val, idx; | |
if ( type === "radio" || type === "checkbox" ) { | |
return this.findByName( element.name ).filter( ":checked" ).val(); | |
} else if ( type === "number" && typeof element.validity !== "undefined" ) { | |
return element.validity.badInput ? "NaN" : $element.val(); | |
} | |
if ( element.hasAttribute( "contenteditable" ) ) { | |
val = $element.text(); | |
} else { | |
val = $element.val(); | |
} | |
if ( type === "file" ) { | |
// Modern browser (chrome & safari) | |
if ( val.substr( 0, 12 ) === "C:\\fakepath\\" ) { | |
return val.substr( 12 ); | |
} | |
// Legacy browsers | |
// Unix-based path | |
idx = val.lastIndexOf( "/" ); | |
if ( idx >= 0 ) { | |
return val.substr( idx + 1 ); | |
} | |
// Windows-based path | |
idx = val.lastIndexOf( "\\" ); | |
if ( idx >= 0 ) { | |
return val.substr( idx + 1 ); | |
} | |
// Just the file name | |
return 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(), | |
rulesCount = $.map( rules, function( n, i ) { | |
return i; | |
} ).length, | |
dependencyMismatch = false, | |
val = this.elementValue( element ), | |
result, method, rule; | |
// If a normalizer is defined for this element, then | |
// call it to retreive the changed value instead | |
// of using the real one. | |
// Note that `this` in the normalizer is `element`. | |
if ( typeof rules.normalizer === "function" ) { | |
val = rules.normalizer.call( element, val ); | |
if ( typeof val !== "string" ) { | |
throw new TypeError( "The normalizer should return a string value." ); | |
} | |
// Delete the normalizer from rules to avoid treating | |
// it as a pre-defined method. | |
delete rules.normalizer; | |
} | |
for ( method in rules ) { | |
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" && rulesCount === 1 ) { | |
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 ); | |
} | |
if ( e instanceof TypeError ) { | |
e.message += ". Exception occurred when checking element " + element.id + ", check the '" + rule.method + "' method."; | |
} | |
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 | |
// return the generic message if present and no method specific message is present | |
customDataMessage: function( element, method ) { | |
return $( element ).data( "msg" + method.charAt( 0 ).toUpperCase() + | |
method.substring( 1 ).toLowerCase() ) || $( element ).data( "msg" ); | |
}, | |
// 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, rule ) { | |
var message = this.findDefined( | |
this.customMessage( element.name, rule.method ), | |
this.customDataMessage( element, rule.method ), | |
// 'title' is never undefined, so handle empty string as undefined | |
!this.settings.ignoreTitle && element.title || undefined, | |
$.validator.messages[ rule.method ], | |
"<strong>Warning: No message defined for " + element.name + "</strong>" | |
), | |
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 ); | |
} | |
return message; | |
}, | |
formatAndAdd: function( element, rule ) { | |
var message = this.defaultMessage( element, rule ); | |
this.errorList.push( { | |
message: message, | |
element: element, | |
method: rule.method | |
} ); | |
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, error; | |
for ( i = 0; this.errorList[ i ]; i++ ) { | |
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 place, group, errorID, v, | |
error = this.errorsFor( element ), | |
elementID = this.idOrName( element ), | |
describedBy = $( element ).attr( "aria-describedby" ); | |
if ( error.length ) { | |
// Refresh error/success class | |
error.removeClass( this.settings.validClass ).addClass( this.settings.errorClass ); | |
// Replace message on existing label | |
error.html( message ); | |
} else { | |
// Create error element | |
error = $( "<" + this.settings.errorElement + ">" ) | |
.attr( "id", elementID + "-error" ) | |
.addClass( this.settings.errorClass ) | |
.html( message || "" ); | |
// Maintain reference to the element to be placed into the DOM | |
place = error; | |
if ( this.settings.wrapper ) { | |
// Make sure the element is visible, even in IE | |
// actually showing the wrapped element is handled elsewhere | |
place = error.hide().show().wrap( "<" + this.settings.wrapper + "/>" ).parent(); | |
} | |
if ( this.labelContainer.length ) { | |
this.labelContainer.append( place ); | |
} else if ( this.settings.errorPlacement ) { | |
this.settings.errorPlacement( place, $( element ) ); | |
} else { | |
place.insertAfter( element ); | |
} | |
// Link error back to the element | |
if ( error.is( "label" ) ) { | |
// If the error is a label, then associate using 'for' | |
error.attr( "for", elementID ); | |
// If the element is not a child of an associated label, then it's necessary | |
// to explicitly apply aria-describedby | |
} else if ( error.parents( "label[for='" + this.escapeCssMeta( elementID ) + "']" ).length === 0 ) { | |
errorID = error.attr( "id" ); | |
// Respect existing non-error aria-describedby | |
if ( !describedBy ) { | |
describedBy = errorID; | |
} else if ( !describedBy.match( new RegExp( "\\b" + this.escapeCssMeta( errorID ) + "\\b" ) ) ) { | |
// Add to end of list if not already present | |
describedBy += " " + errorID; | |
} | |
$( element ).attr( "aria-describedby", describedBy ); | |
// If this element is grouped, then assign to all elements in the same group | |
group = this.groups[ element.name ]; | |
if ( group ) { | |
v = this; | |
$.each( v.groups, function( name, testgroup ) { | |
if ( testgroup === group ) { | |
$( "[name='" + v.escapeCssMeta( name ) + "']", v.currentForm ) | |
.attr( "aria-describedby", error.attr( "id" ) ); | |
} | |
} ); | |
} | |
} | |
} | |
if ( !message && this.settings.success ) { | |
error.text( "" ); | |
if ( typeof this.settings.success === "string" ) { | |
error.addClass( this.settings.success ); | |
} else { | |
this.settings.success( error, element ); | |
} | |
} | |
this.toShow = this.toShow.add( error ); | |
}, | |
errorsFor: function( element ) { | |
var name = this.escapeCssMeta( this.idOrName( element ) ), | |
describer = $( element ).attr( "aria-describedby" ), | |
selector = "label[for='" + name + "'], label[for='" + name + "'] *"; | |
// 'aria-describedby' should directly reference the error element | |
if ( describer ) { | |
selector = selector + ", #" + this.escapeCssMeta( describer ) | |
.replace( /\s+/g, ", #" ); | |
} | |
return this | |
.errors() | |
.filter( selector ); | |
}, | |
// See https://api.jquery.com/category/selectors/, for CSS | |
// meta-characters that should be escaped in order to be used with JQuery | |
// as a literal part of a name/id or any selector. | |
escapeCssMeta: function( string ) { | |
return string.replace( /([\\!"#$%&'()*+,./:;<=>?@\[\]^`{|}~])/g, "\\$1" ); | |
}, | |
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 ); | |
} | |
// Always apply ignore filter | |
return $( element ).not( this.settings.ignore )[ 0 ]; | |
}, | |
checkable: function( element ) { | |
return ( /radio|checkbox/i ).test( element.type ); | |
}, | |
findByName: function( name ) { | |
return $( this.currentForm ).find( "[name='" + this.escapeCssMeta( 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 ) { | |
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++; | |
$( element ).addClass( this.settings.pendingClass ); | |
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 ]; | |
$( element ).removeClass( this.settings.pendingClass ); | |
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, method ) { | |
return $.data( element, "previousValue" ) || $.data( element, "previousValue", { | |
old: null, | |
valid: true, | |
message: this.defaultMessage( element, { method: method } ) | |
} ); | |
}, | |
// Cleans up all forms and elements, removes validator-specific events | |
destroy: function() { | |
this.resetForm(); | |
$( this.currentForm ) | |
.off( ".validate" ) | |
.removeData( "validator" ) | |
.find( ".validate-equalTo-blur" ) | |
.off( ".validate-equalTo" ) | |
.removeClass( "validate-equalTo-blur" ); | |
} | |
}, | |
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 = {}, | |
classes = $( element ).attr( "class" ); | |
if ( classes ) { | |
$.each( classes.split( " " ), function() { | |
if ( this in $.validator.classRuleSettings ) { | |
$.extend( rules, $.validator.classRuleSettings[ this ] ); | |
} | |
} ); | |
} | |
return rules; | |
}, | |
normalizeAttributeRule: function( rules, type, method, value ) { | |
// 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|step/.test( method ) && ( type === null || /number|range|text/.test( type ) ) ) { | |
value = Number( value ); | |
// Support Opera Mini, which returns NaN for undefined minlength | |
if ( isNaN( value ) ) { | |
value = undefined; | |
} | |
} | |
if ( value || value === 0 ) { | |
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; | |
} | |
}, | |
attributeRules: function( element ) { | |
var rules = {}, | |
$element = $( element ), | |
type = element.getAttribute( "type" ), | |
method, value; | |
for ( method in $.validator.methods ) { | |
// Support for <input required> in both html5 and older browsers | |
if ( method === "required" ) { | |
value = element.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 ); | |
} | |
this.normalizeAttributeRule( rules, type, method, value ); | |
} | |
// '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 rules = {}, | |
$element = $( element ), | |
type = element.getAttribute( "type" ), | |
method, value; | |
for ( method in $.validator.methods ) { | |
value = $element.data( "rule" + method.charAt( 0 ).toUpperCase() + method.substring( 1 ).toLowerCase() ); | |
this.normalizeAttributeRule( rules, type, method, value ); | |
} | |
return rules; | |
}, | |
staticRules: function( element ) { | |
var rules = {}, | |
validator = $.data( element.form, "validator" ); | |
if ( 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 { | |
$.data( element.form, "validator" ).resetElements( $( element ) ); | |
delete rules[ prop ]; | |
} | |
} | |
} ); | |
// Evaluate parameters | |
$.each( rules, function( rule, parameter ) { | |
rules[ rule ] = $.isFunction( parameter ) && rule !== "normalizer" ? 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 ].replace( /[\[\]]/g, "" ).split( /[\s,]+/ ); | |
rules[ this ] = [ Number( parts[ 0 ] ), Number( parts[ 1 ] ) ]; | |
} | |
} | |
} ); | |
if ( $.validator.autoCreateRanges ) { | |
// Auto-create ranges | |
if ( rules.min != null && rules.max != null ) { | |
rules.range = [ rules.min, rules.max ]; | |
delete rules.min; | |
delete rules.max; | |
} | |
if ( rules.minlength != null && rules.maxlength != null ) { | |
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; | |
} | |
return data; | |
}, | |
// http://jqueryvalidation.org/jQuery.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 ) ); | |
} | |
}, | |
// http://jqueryvalidation.org/jQuery.validator.methods/ | |
methods: { | |
// http://jqueryvalidation.org/required-method/ | |
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 value.length > 0; | |
}, | |
// http://jqueryvalidation.org/email-method/ | |
email: function( value, element ) { | |
// From https://html.spec.whatwg.org/multipage/forms.html#valid-e-mail-address | |
// Retrieved 2014-01-14 | |
// If you have a problem with this implementation, report a bug against the above spec | |
// Or use custom methods to implement your own email validation | |
return this.optional( element ) || /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/.test( value ); | |
}, | |
// http://jqueryvalidation.org/url-method/ | |
url: function( value, element ) { | |
// Copyright (c) 2010-2013 Diego Perini, MIT licensed | |
// https://gist.github.com/dperini/729294 | |
// see also https://mathiasbynens.be/demo/url-regex | |
// modified to allow protocol-relative URLs | |
return this.optional( element ) || /^(?:(?:(?:https?|ftp):)?\/\/)(?:\S+(?::\S*)?@)?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)(?:\.(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)*(?:\.(?:[a-z\u00a1-\uffff]{2,})).?)(?::\d{2,5})?(?:[/?#]\S*)?$/i.test( value ); | |
}, | |
// http://jqueryvalidation.org/date-method/ | |
date: function( value, element ) { | |
return this.optional( element ) || !/Invalid|NaN/.test( new Date( value ).toString() ); | |
}, | |
// http://jqueryvalidation.org/dateISO-method/ | |
dateISO: function( value, element ) { | |
return this.optional( element ) || /^\d{4}[\/\-](0?[1-9]|1[012])[\/\-](0?[1-9]|[12][0-9]|3[01])$/.test( value ); | |
}, | |
// http://jqueryvalidation.org/number-method/ | |
number: function( value, element ) { | |
return this.optional( element ) || /^(?:-?\d+|-?\d{1,3}(?:,\d{3})+)?(?:\.\d+)?$/.test( value ); | |
}, | |
// http://jqueryvalidation.org/digits-method/ | |
digits: function( value, element ) { | |
return this.optional( element ) || /^\d+$/.test( value ); | |
}, | |
// http://jqueryvalidation.org/minlength-method/ | |
minlength: function( value, element, param ) { | |
var length = $.isArray( value ) ? value.length : this.getLength( value, element ); | |
return this.optional( element ) || length >= param; | |
}, | |
// http://jqueryvalidation.org/maxlength-method/ | |
maxlength: function( value, element, param ) { | |
var length = $.isArray( value ) ? value.length : this.getLength( value, element ); | |
return this.optional( element ) || length <= param; | |
}, | |
// http://jqueryvalidation.org/rangelength-method/ | |
rangelength: function( value, element, param ) { | |
var length = $.isArray( value ) ? value.length : this.getLength( value, element ); | |
return this.optional( element ) || ( length >= param[ 0 ] && length <= param[ 1 ] ); | |
}, | |
// http://jqueryvalidation.org/min-method/ | |
min: function( value, element, param ) { | |
return this.optional( element ) || value >= param; | |
}, | |
// http://jqueryvalidation.org/max-method/ | |
max: function( value, element, param ) { | |
return this.optional( element ) || value <= param; | |
}, | |
// http://jqueryvalidation.org/range-method/ | |
range: function( value, element, param ) { | |
return this.optional( element ) || ( value >= param[ 0 ] && value <= param[ 1 ] ); | |
}, | |
// http://jqueryvalidation.org/step-method/ | |
step: function( value, element, param ) { | |
var type = $( element ).attr( "type" ), | |
errorMessage = "Step attribute on input type " + type + " is not supported.", | |
supportedTypes = [ "text", "number", "range" ], | |
re = new RegExp( "\\b" + type + "\\b" ), | |
notSupported = type && !re.test( supportedTypes.join() ); | |
// Works only for text, number and range input types | |
// TODO find a way to support input types date, datetime, datetime-local, month, time and week | |
if ( notSupported ) { | |
throw new Error( errorMessage ); | |
} | |
return this.optional( element ) || ( value % param === 0 ); | |
}, | |
// http://jqueryvalidation.org/equalTo-method/ | |
equalTo: function( value, element, param ) { | |
// Bind to the blur event of the target in order to revalidate whenever the target field is updated | |
var target = $( param ); | |
if ( this.settings.onfocusout && target.not( ".validate-equalTo-blur" ).length ) { | |
target.addClass( "validate-equalTo-blur" ).on( "blur.validate-equalTo", function() { | |
$( element ).valid(); | |
} ); | |
} | |
return value === target.val(); | |
}, | |
// http://jqueryvalidation.org/remote-method/ | |
remote: function( value, element, param, method ) { | |
if ( this.optional( element ) ) { | |
return "dependency-mismatch"; | |
} | |
method = typeof method === "string" && method || "remote"; | |
var previous = this.previousValue( element, method ), | |
validator, data, optionDataString; | |
if ( !this.settings.messages[ element.name ] ) { | |
this.settings.messages[ element.name ] = {}; | |
} | |
previous.originalMessage = previous.originalMessage || this.settings.messages[ element.name ][ method ]; | |
this.settings.messages[ element.name ][ method ] = previous.message; | |
param = typeof param === "string" && { url: param } || param; | |
optionDataString = $.param( $.extend( { data: value }, param.data ) ); | |
if ( previous.old === optionDataString ) { | |
return previous.valid; | |
} | |
previous.old = optionDataString; | |
validator = this; | |
this.startRequest( element ); | |
data = {}; | |
data[ element.name ] = value; | |
$.ajax( $.extend( true, { | |
mode: "abort", | |
port: "validate" + element.name, | |
dataType: "json", | |
data: data, | |
context: validator.currentForm, | |
success: function( response ) { | |
var valid = response === true || response === "true", | |
errors, message, submitted; | |
validator.settings.messages[ element.name ][ method ] = previous.originalMessage; | |
if ( valid ) { | |
submitted = validator.formSubmitted; | |
validator.resetInternals(); | |
validator.toHide = validator.errorsFor( element ); | |
validator.formSubmitted = submitted; | |
validator.successList.push( element ); | |
validator.invalid[ element.name ] = false; | |
validator.showErrors(); | |
} else { | |
errors = {}; | |
message = response || validator.defaultMessage( element, { method: method, parameters: value } ); | |
errors[ element.name ] = previous.message = message; | |
validator.invalid[ element.name ] = true; | |
validator.showErrors( errors ); | |
} | |
previous.valid = valid; | |
validator.stopRequest( element, valid ); | |
} | |
}, param ) ); | |
return "pending"; | |
} | |
} | |
} ); | |
// 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() | |
var pendingRequests = {}, | |
ajax; | |
// 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 | |
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 ); | |
}; | |
} | |
})); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment