12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217 |
- /*! jqBootstrapValidation - v1.3.7 - 2013-05-07
- * http://reactiveraven.github.com/jqBootstrapValidation
- * Copyright (c) 2013 David Godfrey; Licensed MIT */
- (function ($) {
- var createdElements = [];
- var defaults = {
- options: {
- prependExistingHelpBlock: false,
- sniffHtml: true, // sniff for 'required', 'maxlength', etc
- preventSubmit: true, // stop the form submit event from firing if validation fails
- submitError: false, // function called if there is an error when trying to submit
- submitSuccess: false, // function called just before a successful submit event is sent to the server
- semanticallyStrict: false, // set to true to tidy up generated HTML output
- removeSuccess : true,
- bindEvents: [],
- autoAdd: {
- helpBlocks: true
- },
- filter: function () {
- // return $(this).is(":visible"); // only validate elements you can see
- return true; // validate everything
- }
- },
- methods: {
- init: function (options) {
- // Get a clean copy of the defaults for extending
- var settings = $.extend(true, {}, defaults);
- // Set up the options based on the input
- settings.options = $.extend(true, settings.options, options);
- var $siblingElements = this;
- var uniqueForms = $.unique(
- $siblingElements.map(function () {
- return $(this).parents("form")[0];
- }).toArray()
- );
- $(uniqueForms).bind("submit.validationSubmit", function (e) {
- var $form = $(this);
- var warningsFound = 0;
- // Get all inputs
- var $allInputs = $form.find("input,textarea,select").not("[type=submit],[type=image]").filter(settings.options.filter);
- var $allControlGroups = $form.find(".form-group");
- // Only trigger validation on the ones that actually _have_ validation
- var $inputsWithValidators = $allInputs.filter(function () {
- return $(this).triggerHandler("getValidatorCount.validation") > 0;
- });
- $inputsWithValidators.trigger("submit.validation");
- // But all of them are out-of-focus now, because we're submitting.
- $allInputs.trigger("validationLostFocus.validation");
- // Okay, now check each controlgroup for errors (or warnings)
- $allControlGroups.each(function (i, el) {
- var $controlGroup = $(el);
- if ($controlGroup.hasClass("issue") || $controlGroup.hasClass("error")) {
- $controlGroup.removeClass("issue").addClass("error");
- warningsFound++;
- }
- });
- if (warningsFound) {
- // If we found any warnings, maybe we should prevent the submit
- // event, and trigger 'submitError' (if they're set up)
- if (settings.options.preventSubmit) {
- e.preventDefault();
- e.stopImmediatePropagation();
- }
- $form.addClass("error");
- if ($.isFunction(settings.options.submitError)) {
- settings.options.submitError($form, e, $inputsWithValidators.jqBootstrapValidation("collectErrors", true));
- }
- } else {
- // Woo! No errors! We can pass the submit event to submitSuccess
- // (if it has been set up)
- $form.removeClass("error");
- if ($.isFunction(settings.options.submitSuccess)) {
- settings.options.submitSuccess($form, e);
- }
- }
- });
- return this.each(function () {
- // Get references to everything we're interested in
- var $this = $(this),
- $controlGroup = $this.parents(".form-group").first(),
- $helpBlock = $controlGroup.find(".help-block").first(),
- $form = $this.parents("form").first(),
- validatorNames = [];
- // create message container if not exists
- if (!$helpBlock.length && settings.options.autoAdd && settings.options.autoAdd.helpBlocks) {
- $helpBlock = $('<div class="help-block" />');
- $controlGroup.find('.controls').append($helpBlock);
- createdElements.push($helpBlock[0]);
- }
- // =============================================================
- // SNIFF HTML FOR VALIDATORS
- // =============================================================
- // *snort sniff snuffle*
- if (settings.options.sniffHtml) {
- var message;
- // ---------------------------------------------------------
- // PATTERN
- // ---------------------------------------------------------
- if ($this.data("validationPatternPattern")) {
- $this.attr("pattern", $this.data("validationPatternPattern"));
- }
- if ($this.attr("pattern") !== undefined) {
- message = "Not in the expected format<!-- data-validation-pattern-message to override -->";
- if ($this.data("validationPatternMessage")) {
- message = $this.data("validationPatternMessage");
- }
- $this.data("validationPatternMessage", message);
- $this.data("validationPatternRegex", $this.attr("pattern"));
- }
- // ---------------------------------------------------------
- // MAX
- // ---------------------------------------------------------
- if ($this.attr("max") !== undefined || $this.attr("aria-valuemax") !== undefined) {
- var max = ($this.attr("max") !== undefined ? $this.attr("max") : $this.attr("aria-valuemax"));
- message = "Too high: Maximum of '" + max + "'<!-- data-validation-max-message to override -->";
- if ($this.data("validationMaxMessage")) {
- message = $this.data("validationMaxMessage");
- }
- $this.data("validationMaxMessage", message);
- $this.data("validationMaxMax", max);
- }
- // ---------------------------------------------------------
- // MIN
- // ---------------------------------------------------------
- if ($this.attr("min") !== undefined || $this.attr("aria-valuemin") !== undefined) {
- var min = ($this.attr("min") !== undefined ? $this.attr("min") : $this.attr("aria-valuemin"));
- message = "Too low: Minimum of '" + min + "'<!-- data-validation-min-message to override -->";
- if ($this.data("validationMinMessage")) {
- message = $this.data("validationMinMessage");
- }
- $this.data("validationMinMessage", message);
- $this.data("validationMinMin", min);
- }
- // ---------------------------------------------------------
- // MAXLENGTH
- // ---------------------------------------------------------
- if ($this.attr("maxlength") !== undefined) {
- message = "Too long: Maximum of '" + $this.attr("maxlength") + "' characters<!-- data-validation-maxlength-message to override -->";
- if ($this.data("validationMaxlengthMessage")) {
- message = $this.data("validationMaxlengthMessage");
- }
- $this.data("validationMaxlengthMessage", message);
- $this.data("validationMaxlengthMaxlength", $this.attr("maxlength"));
- }
- // ---------------------------------------------------------
- // MINLENGTH
- // ---------------------------------------------------------
- if ($this.attr("minlength") !== undefined) {
- message = "Too short: Minimum of '" + $this.attr("minlength") + "' characters<!-- data-validation-minlength-message to override -->";
- if ($this.data("validationMinlengthMessage")) {
- message = $this.data("validationMinlengthMessage");
- }
- $this.data("validationMinlengthMessage", message);
- $this.data("validationMinlengthMinlength", $this.attr("minlength"));
- }
- // ---------------------------------------------------------
- // REQUIRED
- // ---------------------------------------------------------
- if ($this.attr("required") !== undefined || $this.attr("aria-required") !== undefined) {
- message = settings.builtInValidators.required.message;
- if ($this.data("validationRequiredMessage")) {
- message = $this.data("validationRequiredMessage");
- }
- $this.data("validationRequiredMessage", message);
- }
- // ---------------------------------------------------------
- // NUMBER
- // ---------------------------------------------------------
- if ($this.attr("type") !== undefined && $this.attr("type").toLowerCase() === "number") {
- message = settings.validatorTypes.number.message; // TODO: fix this
- if ($this.data("validationNumberMessage")) {
- message = $this.data("validationNumberMessage");
- }
- $this.data("validationNumberMessage", message);
- var step = settings.validatorTypes.number.step; // TODO: and this
- if ($this.data("validationNumberStep")) {
- step = $this.data("validationNumberStep");
- }
- $this.data("validationNumberStep", step);
- var decimal = settings.validatorTypes.number.decimal;
- if ($this.data("validationNumberDecimal")) {
- decimal = $this.data("validationNumberDecimal");
- }
- $this.data("validationNumberDecimal", decimal);
- }
- // ---------------------------------------------------------
- // EMAIL
- // ---------------------------------------------------------
- if ($this.attr("type") !== undefined && $this.attr("type").toLowerCase() === "email") {
- message = "Not a valid email address<!-- data-validation-email-message to override -->";
- if ($this.data("validationEmailMessage")) {
- message = $this.data("validationEmailMessage");
- }
- $this.data("validationEmailMessage", message);
- }
- // ---------------------------------------------------------
- // MINCHECKED
- // ---------------------------------------------------------
- if ($this.attr("minchecked") !== undefined) {
- message = "Not enough options checked; Minimum of '" + $this.attr("minchecked") + "' required<!-- data-validation-minchecked-message to override -->";
- if ($this.data("validationMincheckedMessage")) {
- message = $this.data("validationMincheckedMessage");
- }
- $this.data("validationMincheckedMessage", message);
- $this.data("validationMincheckedMinchecked", $this.attr("minchecked"));
- }
- // ---------------------------------------------------------
- // MAXCHECKED
- // ---------------------------------------------------------
- if ($this.attr("maxchecked") !== undefined) {
- message = "Too many options checked; Maximum of '" + $this.attr("maxchecked") + "' required<!-- data-validation-maxchecked-message to override -->";
- if ($this.data("validationMaxcheckedMessage")) {
- message = $this.data("validationMaxcheckedMessage");
- }
- $this.data("validationMaxcheckedMessage", message);
- $this.data("validationMaxcheckedMaxchecked", $this.attr("maxchecked"));
- }
- }
- // =============================================================
- // COLLECT VALIDATOR NAMES
- // =============================================================
- // Get named validators
- if ($this.data("validation") !== undefined) {
- validatorNames = $this.data("validation").split(",");
- }
- // Get extra ones defined on the element's data attributes
- $.each($this.data(), function (i, el) {
- var parts = i.replace(/([A-Z])/g, ",$1").split(",");
- if (parts[0] === "validation" && parts[1]) {
- validatorNames.push(parts[1]);
- }
- });
- // =============================================================
- // NORMALISE VALIDATOR NAMES
- // =============================================================
- var validatorNamesToInspect = validatorNames;
- var newValidatorNamesToInspect = [];
- var uppercaseEachValidatorName = function (i, el) {
- validatorNames[i] = formatValidatorName(el);
- };
- var inspectValidators = function (i, el) {
- if ($this.data("validation" + el + "Shortcut") !== undefined) {
- // Are these custom validators?
- // Pull them out!
- $.each($this.data("validation" + el + "Shortcut").split(","), function (i2, el2) {
- newValidatorNamesToInspect.push(el2);
- });
- } else if (settings.builtInValidators[el.toLowerCase()]) {
- // Is this a recognised built-in?
- // Pull it out!
- var validator = settings.builtInValidators[el.toLowerCase()];
- if (validator.type.toLowerCase() === "shortcut") {
- $.each(validator.shortcut.split(","), function (i, el) {
- el = formatValidatorName(el);
- newValidatorNamesToInspect.push(el);
- validatorNames.push(el);
- });
- }
- }
- };
- do // repeatedly expand 'shortcut' validators into their real validators
- {
- // Uppercase only the first letter of each name
- $.each(validatorNames, uppercaseEachValidatorName);
- // Remove duplicate validator names
- validatorNames = $.unique(validatorNames);
- // Pull out the new validator names from each shortcut
- newValidatorNamesToInspect = [];
- $.each(validatorNamesToInspect, inspectValidators);
- validatorNamesToInspect = newValidatorNamesToInspect;
- } while (validatorNamesToInspect.length > 0);
- // =============================================================
- // SET UP VALIDATOR ARRAYS
- // =============================================================
- /* We're gonna generate something like
- *
- * {
- * "regex": [
- * { -- a validator object here --},
- * { -- a validator object here --}
- * ],
- * "required": [
- * { -- a validator object here --},
- * { -- a validator object here --}
- * ]
- * }
- *
- * with a few more entries.
- *
- * Because we only add a few validators to each field, most of the
- * keys will be empty arrays with no validator objects in them, and
- * thats fine.
- */
- var validators = {};
- $.each(validatorNames, function (i, el) {
- // Set up the 'override' message
- var message = $this.data("validation" + el + "Message");
- var hasOverrideMessage = !!message;
- var foundValidator = false;
- if (!message) {
- message = "'" + el + "' validation failed <!-- Add attribute 'data-validation-" + el.toLowerCase() + "-message' to input to change this message -->";
- }
- $.each(
- settings.validatorTypes,
- function (validatorType, validatorTemplate) {
- if (validators[validatorType] === undefined) {
- validators[validatorType] = [];
- }
- if (!foundValidator && $this.data("validation" + el + formatValidatorName(validatorTemplate.name)) !== undefined) {
- var initted = validatorTemplate.init($this, el);
- if (hasOverrideMessage) {
- initted.message = message;
- }
- validators[validatorType].push(
- $.extend(
- true,
- {
- name: formatValidatorName(validatorTemplate.name),
- message: message
- },
- initted
- )
- );
- foundValidator = true;
- }
- }
- );
- if (!foundValidator && settings.builtInValidators[el.toLowerCase()]) {
- var validator = $.extend(true, {}, settings.builtInValidators[el.toLowerCase()]);
- if (hasOverrideMessage) {
- validator.message = message;
- }
- var validatorType = validator.type.toLowerCase();
- if (validatorType === "shortcut") {
- foundValidator = true;
- } else {
- $.each(
- settings.validatorTypes,
- function (validatorTemplateType, validatorTemplate) {
- if (validators[validatorTemplateType] === undefined) {
- validators[validatorTemplateType] = [];
- }
- if (!foundValidator && validatorType === validatorTemplateType.toLowerCase()) {
- $this.data(
- "validation" + el + formatValidatorName(validatorTemplate.name),
- validator[validatorTemplate.name.toLowerCase()]
- );
- validators[validatorType].push(
- $.extend(
- validator,
- validatorTemplate.init($this, el)
- )
- );
- foundValidator = true;
- }
- }
- );
- }
- }
- if (!foundValidator) {
- $.error("Cannot find validation info for '" + el + "'");
- }
- });
- // =============================================================
- // STORE FALLBACK VALUES
- // =============================================================
- $helpBlock.data(
- "original-contents",
- (
- $helpBlock.data("original-contents") ?
- $helpBlock.data("original-contents") :
- $helpBlock.html()
- )
- );
- $helpBlock.data(
- "original-role",
- (
- $helpBlock.data("original-role") ?
- $helpBlock.data("original-role") :
- $helpBlock.attr("role")
- )
- );
- $controlGroup.data(
- "original-classes",
- (
- $controlGroup.data("original-clases") ?
- $controlGroup.data("original-classes") :
- $controlGroup.attr("class")
- )
- );
- $this.data(
- "original-aria-invalid",
- (
- $this.data("original-aria-invalid") ?
- $this.data("original-aria-invalid") :
- $this.attr("aria-invalid")
- )
- );
- // =============================================================
- // VALIDATION
- // =============================================================
- $this.bind(
- "validation.validation",
- function (event, params) {
- var value = getValue($this);
- // Get a list of the errors to apply
- var errorsFound = [];
- $.each(validators, function (validatorType, validatorTypeArray) {
- if (
- value || // has a truthy value
- value.length || // not an empty string
- ( // am including empty values
- (
- params &&
- params.includeEmpty
- ) || !!settings.validatorTypes[validatorType].includeEmpty
- ) ||
- ( // validator is blocking submit
- !!settings.validatorTypes[validatorType].blockSubmit &&
- params && !!params.submitting
- )
- ) {
- $.each(
- validatorTypeArray,
- function (i, validator) {
- if (settings.validatorTypes[validatorType].validate($this, value, validator)) {
- errorsFound.push(validator.message);
- }
- }
- );
- }
- });
- return errorsFound;
- }
- );
- $this.bind(
- "getValidators.validation",
- function () {
- return validators;
- }
- );
- var numValidators = 0;
- $.each(validators, function (i, el) {
- numValidators += el.length;
- });
- $this.bind("getValidatorCount.validation", function () {
- return numValidators;
- });
- // =============================================================
- // WATCH FOR CHANGES
- // =============================================================
- $this.bind(
- "submit.validation",
- function () {
- return $this.triggerHandler("change.validation", {submitting: true});
- }
- );
- $this.bind(
- (
- settings.options.bindEvents.length > 0 ?
- settings.options.bindEvents :
- [
- "keyup",
- "focus",
- "blur",
- "click",
- "keydown",
- "keypress",
- "change"
- ]
- ).concat(["revalidate"]).join(".validation ") + ".validation",
- function (e, params) {
- var value = getValue($this);
- var errorsFound = [];
- if (params && !!params.submitting) {
- $controlGroup.data("jqbvIsSubmitting", true);
- } else if (e.type !== "revalidate") {
- $controlGroup.data("jqbvIsSubmitting", false);
- }
- var formIsSubmitting = !!$controlGroup.data("jqbvIsSubmitting");
- $controlGroup.find("input,textarea,select").not('[type=submit]').each(function (i, el) {
- var oldCount = errorsFound.length;
- $.each($(el).triggerHandler("validation.validation", params) || [], function (j, message) {
- errorsFound.push(message);
- });
- if (errorsFound.length > oldCount) {
- $(el).attr("aria-invalid", "true");
- } else {
- var original = $this.data("original-aria-invalid");
- $(el).attr("aria-invalid", (original !== undefined ? original : false));
- }
- });
- $form.find("input,select,textarea").not($this).not("[name=\"" + $this.attr("name") + "\"]").trigger("validationLostFocus.validation");
- errorsFound = $.unique(errorsFound.sort());
- // Were there any errors?
- if (errorsFound.length) {
- // Better flag it up as a warning.
- $controlGroup.removeClass("validate error issue").addClass(formIsSubmitting ? "error" : "issue");
- // How many errors did we find?
- if (settings.options.semanticallyStrict && errorsFound.length === 1) {
- // Only one? Being strict? Just output it.
- $helpBlock.html(errorsFound[0] +
- ( settings.options.prependExistingHelpBlock ? $helpBlock.data("original-contents") : "" ));
- } else {
- // Multiple? Being sloppy? Glue them together into an UL.
- $helpBlock.html("<ul role=\"alert\"><li>" + errorsFound.join("</li><li>") + "</li></ul>" +
- ( settings.options.prependExistingHelpBlock ? $helpBlock.data("original-contents") : "" ));
- }
- } else {
- $controlGroup.removeClass("issue error validate");
- if (value.length > 0) {
- $controlGroup.addClass("validate");
- }
- $helpBlock.html($helpBlock.data("original-contents"));
- }
- if (e.type === "blur") {
- if( settings.options.removeSuccess ){
- // $controlGroup.removeClass("validate");
- }
- }
- }
- );
- $this.bind("validationLostFocus.validation", function () {
- if( settings.options.removeSuccess ){
- // $controlGroup.removeClass("validate");
- }
- });
- });
- },
- destroy: function () {
- return this.each(
- function () {
- var
- $this = $(this),
- $controlGroup = $this.parents(".form-group").first(),
- $helpBlock = $controlGroup.find(".help-block").first(),
- $form = $this.parents("form").first();
- // remove our events
- $this.unbind('.validation'); // events are namespaced.
- $form.unbind(".validationSubmit");
- // reset help text
- $helpBlock.html($helpBlock.data("original-contents"));
- // reset classes
- $controlGroup.attr("class", $controlGroup.data("original-classes"));
- // reset aria
- $this.attr("aria-invalid", $this.data("original-aria-invalid"));
- // reset role
- $helpBlock.attr("role", $this.data("original-role"));
- // remove all elements we created
- if ($.inArray($helpBlock[0], createdElements) > -1) {
- $helpBlock.remove();
- }
- }
- );
- },
- collectErrors: function (includeEmpty) {
- var errorMessages = {};
- this.each(function (i, el) {
- var $el = $(el);
- var name = $el.attr("name");
- var errors = $el.triggerHandler("validation.validation", {includeEmpty: true});
- errorMessages[name] = $.extend(true, errors, errorMessages[name]);
- });
- $.each(errorMessages, function (i, el) {
- if (el.length === 0) {
- delete errorMessages[i];
- }
- });
- return errorMessages;
- },
- hasErrors: function () {
- var errorMessages = [];
- this.find('input,select,textarea').add(this).each(function (i, el) {
- errorMessages = errorMessages.concat(
- $(el).triggerHandler("getValidators.validation") ? $(el).triggerHandler("validation.validation", {submitting: true}) : []
- );
- });
- return (errorMessages.length > 0);
- },
- override: function (newDefaults) {
- defaults = $.extend(true, defaults, newDefaults);
- }
- },
- validatorTypes: {
- callback: {
- name: "callback",
- init: function ($this, name) {
- var result = {
- validatorName: name,
- callback: $this.data("validation" + name + "Callback"),
- lastValue: $this.val(),
- lastValid: true,
- lastFinished: true
- };
- var message = "Not valid";
- if ($this.data("validation" + name + "Message")) {
- message = $this.data("validation" + name + "Message");
- }
- result.message = message;
- return result;
- },
- validate: function ($this, value, validator) {
- if (validator.lastValue === value && validator.lastFinished) {
- return !validator.lastValid;
- }
- if (validator.lastFinished === true) {
- validator.lastValue = value;
- validator.lastValid = true;
- validator.lastFinished = false;
- var rrjqbvValidator = validator;
- var rrjqbvThis = $this;
- executeFunctionByName(
- validator.callback,
- window,
- $this,
- value,
- function (data) {
- if (rrjqbvValidator.lastValue === data.value) {
- rrjqbvValidator.lastValid = data.valid;
- if (data.message) {
- rrjqbvValidator.message = data.message;
- }
- rrjqbvValidator.lastFinished = true;
- rrjqbvThis.data(
- "validation" + rrjqbvValidator.validatorName + "Message",
- rrjqbvValidator.message
- );
- // Timeout is set to avoid problems with the events being considered 'already fired'
- setTimeout(function () {
- if (!$this.is(":focus") && $this.parents("form").first().data("jqbvIsSubmitting")) {
- rrjqbvThis.trigger("blur.validation");
- } else {
- rrjqbvThis.trigger("revalidate.validation");
- }
- }, 1); // doesn't need a long timeout, just long enough for the event bubble to burst
- }
- }
- );
- }
- return false;
- }
- },
- ajax: {
- name: "ajax",
- init: function ($this, name) {
- return {
- validatorName: name,
- url: $this.data("validation" + name + "Ajax"),
- lastValue: $this.val(),
- lastValid: true,
- lastFinished: true
- };
- },
- validate: function ($this, value, validator) {
- if ("" + validator.lastValue === "" + value && validator.lastFinished === true) {
- return validator.lastValid === false;
- }
- if (validator.lastFinished === true) {
- validator.lastValue = value;
- validator.lastValid = true;
- validator.lastFinished = false;
- $.ajax({
- url: validator.url,
- data: "value=" + encodeURIComponent(value) + "&field=" + $this.attr("name"),
- dataType: "json",
- success : function (data) {
- if ("" + validator.lastValue === "" + data.value) {
- validator.lastValid = !!(data.valid);
- if (data.message) {
- validator.message = data.message;
- }
- validator.lastFinished = true;
- $this.data("validation" + validator.validatorName + "Message", validator.message);
- // Timeout is set to avoid problems with the events being considered 'already fired'
- setTimeout(function () {
- $this.trigger("revalidate.validation");
- }, 1); // doesn't need a long timeout, just long enough for the event bubble to burst
- }
- },
- failure: function () {
- validator.lastValid = true;
- validator.message = "ajax call failed";
- validator.lastFinished = true;
- $this.data("validation" + validator.validatorName + "Message", validator.message);
- // Timeout is set to avoid problems with the events being considered 'already fired'
- setTimeout(function () {
- $this.trigger("revalidate.validation");
- }, 1); // doesn't need a long timeout, just long enough for the event bubble to burst
- }
- });
- }
- return false;
- }
- },
- regex: {
- name: "regex",
- init: function ($this, name) {
- var result = {};
- var regexString = $this.data("validation" + name + "Regex");
- result.regex = regexFromString(regexString);
- if (regexString === undefined) {
- $.error("Can't find regex for '" + name + "' validator on '" + $this.attr("name") + "'");
- }
- var message = "Not in the expected format";
- if ($this.data("validation" + name + "Message")) {
- message = $this.data("validation" + name + "Message");
- }
- result.message = message;
- result.originalName = name;
- return result;
- },
- validate: function ($this, value, validator) {
- return (!validator.regex.test(value) && !validator.negative) ||
- (validator.regex.test(value) && validator.negative);
- }
- },
- email: {
- name: "email",
- init: function ($this, name) {
- var result = {};
- result.regex = regexFromString('[a-zA-Z0-9.!#$%&\u2019*+/=?^_`{|}~-]+@[A-Za-z0-9.-]+\\.[A-Za-z]{2,4}');
- var message = "Not a valid email address";
- if ($this.data("validation" + name + "Message")) {
- message = $this.data("validation" + name + "Message");
- }
- result.message = message;
- result.originalName = name;
- return result;
- },
- validate: function ($this, value, validator) {
- return (!validator.regex.test(value) && !validator.negative) ||
- (validator.regex.test(value) && validator.negative);
- }
- },
- required: {
- name: "required",
- init: function ($this, name) {
- var message = "This is required";
- if ($this.data("validation" + name + "Message")) {
- message = $this.data("validation" + name + "Message");
- }
- return {message: message, includeEmpty: true};
- },
- validate: function ($this, value, validator) {
- return !!(
- (value.length === 0 && !validator.negative) ||
- (value.length > 0 && validator.negative)
- );
- },
- blockSubmit: true
- },
- match: {
- name: "match",
- init: function ($this, name) {
- var elementName = $this.data("validation" + name + "Match");
- var $form = $this.parents("form").first();
- var $element = $form.find("[name=\"" + elementName + "\"]").first();
- $element.bind("validation.validation", function () {
- $this.trigger("revalidate.validation", {submitting: true});
- });
- var result = {};
- result.element = $element;
- if ($element.length === 0) {
- $.error("Can't find field '" + elementName + "' to match '" + $this.attr("name") + "' against in '" + name + "' validator");
- }
- var message = "Must match";
- var $label = null;
- if (($label = $form.find("label[for=\"" + elementName + "\"]")).length) {
- message += " '" + $label.text() + "'";
- } else if (($label = $element.parents(".form-group").first().find("label")).length) {
- message += " '" + $label.first().text() + "'";
- }
- if ($this.data("validation" + name + "Message")) {
- message = $this.data("validation" + name + "Message");
- }
- result.message = message;
- return result;
- },
- validate: function ($this, value, validator) {
- return (value !== validator.element.val() && !validator.negative) ||
- (value === validator.element.val() && validator.negative);
- },
- blockSubmit: true,
- includeEmpty: true
- },
- max: {
- name: "max",
- init: function ($this, name) {
- var result = {};
- result.max = $this.data("validation" + name + "Max");
- result.message = "Too high: Maximum of '" + result.max + "'";
- if ($this.data("validation" + name + "Message")) {
- result.message = $this.data("validation" + name + "Message");
- }
- return result;
- },
- validate: function ($this, value, validator) {
- return (parseFloat(value, 10) > parseFloat(validator.max, 10) && !validator.negative) ||
- (parseFloat(value, 10) <= parseFloat(validator.max, 10) && validator.negative);
- }
- },
- min: {
- name: "min",
- init: function ($this, name) {
- var result = {};
- result.min = $this.data("validation" + name + "Min");
- result.message = "Too low: Minimum of '" + result.min + "'";
- if ($this.data("validation" + name + "Message")) {
- result.message = $this.data("validation" + name + "Message");
- }
- return result;
- },
- validate: function ($this, value, validator) {
- return (parseFloat(value) < parseFloat(validator.min) && !validator.negative) ||
- (parseFloat(value) >= parseFloat(validator.min) && validator.negative);
- }
- },
- maxlength: {
- name: "maxlength",
- init: function ($this, name) {
- var result = {};
- result.maxlength = $this.data("validation" + name + "Maxlength");
- result.message = "Too long: Maximum of '" + result.maxlength + "' characters";
- if ($this.data("validation" + name + "Message")) {
- result.message = $this.data("validation" + name + "Message");
- }
- return result;
- },
- validate: function ($this, value, validator) {
- return ((value.length > validator.maxlength) && !validator.negative) ||
- ((value.length <= validator.maxlength) && validator.negative);
- }
- },
- minlength: {
- name: "minlength",
- init: function ($this, name) {
- var result = {};
- result.minlength = $this.data("validation" + name + "Minlength");
- result.message = "Too short: Minimum of '" + result.minlength + "' characters";
- if ($this.data("validation" + name + "Message")) {
- result.message = $this.data("validation" + name + "Message");
- }
- return result;
- },
- validate: function ($this, value, validator) {
- return ((value.length < validator.minlength) && !validator.negative) ||
- ((value.length >= validator.minlength) && validator.negative);
- }
- },
- maxchecked: {
- name: "maxchecked",
- init: function ($this, name) {
- var result = {};
- var elements = $this.parents("form").first().find("[name=\"" + $this.attr("name") + "\"]");
- elements.bind("change.validation click.validation", function () {
- $this.trigger("revalidate.validation", {includeEmpty: true});
- });
- result.elements = elements;
- result.maxchecked = $this.data("validation" + name + "Maxchecked");
- var message = "Too many: Max '" + result.maxchecked + "' checked";
- if ($this.data("validation" + name + "Message")) {
- message = $this.data("validation" + name + "Message");
- }
- result.message = message;
- return result;
- },
- validate: function ($this, value, validator) {
- return (validator.elements.filter(":checked").length > validator.maxchecked && !validator.negative) ||
- (validator.elements.filter(":checked").length <= validator.maxchecked && validator.negative);
- },
- blockSubmit: true
- },
- minchecked: {
- name: "minchecked",
- init: function ($this, name) {
- var result = {};
- var elements = $this.parents("form").first().find("[name=\"" + $this.attr("name") + "\"]");
- elements.bind("change.validation click.validation", function () {
- $this.trigger("revalidate.validation", {includeEmpty: true});
- });
- result.elements = elements;
- result.minchecked = $this.data("validation" + name + "Minchecked");
- var message = "Too few: Min '" + result.minchecked + "' checked";
- if ($this.data("validation" + name + "Message")) {
- message = $this.data("validation" + name + "Message");
- }
- result.message = message;
- return result;
- },
- validate: function ($this, value, validator) {
- return (validator.elements.filter(":checked").length < validator.minchecked && !validator.negative) ||
- (validator.elements.filter(":checked").length >= validator.minchecked && validator.negative);
- },
- blockSubmit: true,
- includeEmpty: true
- },
- number: {
- name: "number",
- init: function ($this, name) {
- var result = {};
- result.step = 1;
- if ($this.attr("step")) {
- result.step = $this.attr("step");
- }
- if ($this.data("validation" + name + "Step")) {
- result.step = $this.data("validation" + name + "Step");
- }
- result.decimal = ".";
- if ($this.data("validation" + name + "Decimal")) {
- result.decimal = $this.data("validation" + name + "Decimal");
- }
- result.thousands = "";
- if ($this.data("validation" + name + "Thousands")) {
- result.thousands = $this.data("validation" + name + "Thousands");
- }
- result.regex = regexFromString("([+-]?\\d+(\\" + result.decimal + "\\d+)?)?");
- result.message = "Must be a number";
- var dataMessage = $this.data("validation" + name + "Message");
- if (dataMessage) {
- result.message = dataMessage;
- }
- return result;
- },
- validate: function ($this, value, validator) {
- var globalValue = value.replace(validator.decimal, ".").replace(validator.thousands, "");
- var multipliedValue = parseFloat(globalValue);
- var multipliedStep = parseFloat(validator.step);
- while (multipliedStep % 1 !== 0) {
- /* thanks to @jkey #57 */
- multipliedStep = parseFloat(multipliedStep.toPrecision(12)) * 10;
- multipliedValue = parseFloat(multipliedValue.toPrecision(12)) * 10;
- }
- var regexResult = validator.regex.test(value);
- var stepResult = parseFloat(multipliedValue) % parseFloat(multipliedStep) === 0;
- var typeResult = !isNaN(parseFloat(globalValue)) && isFinite(globalValue);
- var result = !(regexResult && stepResult && typeResult);
- return result;
- },
- message: "Must be a number"
- }
- },
- builtInValidators: {
- email: {
- name: "Email",
- type: "email"
- },
- passwordagain: {
- name: "Passwordagain",
- type: "match",
- match: "password",
- message: "Does not match the given password<!-- data-validator-paswordagain-message to override -->"
- },
- positive: {
- name: "Positive",
- type: "shortcut",
- shortcut: "number,positivenumber"
- },
- negative: {
- name: "Negative",
- type: "shortcut",
- shortcut: "number,negativenumber"
- },
- integer: {
- name: "Integer",
- type: "regex",
- regex: "[+-]?\\d+",
- message: "No decimal places allowed<!-- data-validator-integer-message to override -->"
- },
- positivenumber: {
- name: "Positivenumber",
- type: "min",
- min: 0,
- message: "Must be a positive number<!-- data-validator-positivenumber-message to override -->"
- },
- negativenumber: {
- name: "Negativenumber",
- type: "max",
- max: 0,
- message: "Must be a negative number<!-- data-validator-negativenumber-message to override -->"
- },
- required: {
- name: "Required",
- type: "required",
- message: "This is required<!-- data-validator-required-message to override -->"
- },
- checkone: {
- name: "Checkone",
- type: "minchecked",
- minchecked: 1,
- message: "Check at least one option<!-- data-validation-checkone-message to override -->"
- },
- number: {
- name: "Number",
- type: "number",
- decimal: ".",
- step: "1"
- },
- pattern: {
- name: "Pattern",
- type: "regex",
- message: "Not in expected format"
- }
- }
- };
- var formatValidatorName = function (name) {
- return name
- .toLowerCase()
- .replace(
- /(^|\s)([a-z])/g,
- function (m, p1, p2) {
- return p1 + p2.toUpperCase();
- }
- )
- ;
- };
- var getValue = function ($this) {
- // Extract the value we're talking about
- var value = null;
- var type = $this.attr("type");
- if (type === "checkbox") {
- value = ($this.is(":checked") ? value : "");
- var checkboxParent = $this.parents("form").first() || $this.parents(".form-group").first();
- if (checkboxParent) {
- value = checkboxParent.find("input[name='" + $this.attr("name") + "']:checked").map(function (i, el) {
- return $(el).val();
- }).toArray().join(",");
- }
- }
- else if (type === "radio") {
- value = ($('input[name="' + $this.attr("name") + '"]:checked').length > 0 ? $this.val() : "");
- var radioParent = $this.parents("form").first() || $this.parents(".form-group").first();
- if (radioParent) {
- value = radioParent.find("input[name='" + $this.attr("name") + "']:checked").map(function (i, el) {
- return $(el).val();
- }).toArray().join(",");
- }
- } else if (type === "number") {
- if ($this[0].validity.valid) {
- value = $this.val();
- } else {
- if ($this[0].validity.badInput || $this[0].validity.stepMismatch) {
- value = "NaN";
- } else {
- value = "";
- }
- }
- } else {
- value = $this.val();
- }
- return value;
- };
- function regexFromString(inputstring) {
- return new RegExp("^" + inputstring + "$");
- }
- /**
- * Thanks to Jason Bunting / Alex Nazarov via StackOverflow.com
- *
- * http://stackoverflow.com/a/4351575
- **/
- function executeFunctionByName(functionName, context /*, args */) {
- var args = Array.prototype.slice.call(arguments, 2);
- var namespaces = functionName.split(".");
- var func = namespaces.pop();
- for (var i = 0; i < namespaces.length; i++) {
- context = context[namespaces[i]];
- }
- return context[func].apply(context, args);
- }
- $.fn.jqBootstrapValidation = function (method) {
- if (defaults.methods[method]) {
- return defaults.methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
- } else if (typeof method === 'object' || !method) {
- return defaults.methods.init.apply(this, arguments);
- } else {
- $.error('Method ' + method + ' does not exist on jQuery.jqBootstrapValidation');
- return null;
- }
- };
- $.jqBootstrapValidation = function (options) {
- $(":input").not("[type=image],[type=submit]").jqBootstrapValidation.apply(this, arguments);
- };
- })(jQuery);
|