1218 lines
60 KiB
JavaScript
1218 lines
60 KiB
JavaScript
/*! 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);
|