You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1199 lines
43 KiB
1199 lines
43 KiB
1 year ago
|
/* jqBootstrapValidation
|
||
|
* A plugin for automating validation on Twitter Bootstrap formatted forms.
|
||
|
*
|
||
|
* v1.3.6
|
||
|
*
|
||
|
* License: MIT <http://opensource.org/licenses/mit-license.php> - see LICENSE file
|
||
|
*
|
||
|
* http://ReactiveRaven.github.com/jqBootstrapValidation/
|
||
|
*/
|
||
|
(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
|
||
|
bindEvents: [],
|
||
|
autoAdd: {
|
||
|
helpBlocks: true,
|
||
|
},
|
||
|
filter: function () {
|
||
|
// return $(this).is(":visible"); // only validate elements you can see
|
||
|
return true; // validate everything
|
||
|
},
|
||
|
},
|
||
|
methods: {
|
||
|
init: function (options) {
|
||
|
var settings = $.extend(true, {}, defaults);
|
||
|
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;
|
||
|
var $allInputs = $form
|
||
|
.find("input,textarea,select")
|
||
|
.not("[type=submit],[type=image]")
|
||
|
.filter(settings.options.filter);
|
||
|
var $allControlGroups = $form.find(".form-group");
|
||
|
var $inputsWithValidators = $allInputs.filter(function () {
|
||
|
return $(this).triggerHandler("getValidatorCount.validation") > 0;
|
||
|
});
|
||
|
$inputsWithValidators.trigger("submit.validation");
|
||
|
$allInputs.trigger("validationLostFocus.validation");
|
||
|
$allControlGroups.each(function (i, el) {
|
||
|
var $controlGroup = $(el);
|
||
|
if (
|
||
|
$controlGroup.hasClass("issue") ||
|
||
|
$controlGroup.hasClass("error")
|
||
|
) {
|
||
|
$controlGroup.removeClass("issue").addClass("error");
|
||
|
warningsFound++;
|
||
|
}
|
||
|
});
|
||
|
if (warningsFound) {
|
||
|
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 {
|
||
|
$form.removeClass("error");
|
||
|
if ($.isFunction(settings.options.submitSuccess)) {
|
||
|
settings.options.submitSuccess($form, e);
|
||
|
}
|
||
|
}
|
||
|
});
|
||
|
return this.each(function () {
|
||
|
var $this = $(this),
|
||
|
$controlGroup = $this.parents(".form-group").first(),
|
||
|
$helpBlock = $controlGroup.find(".help-block").first(),
|
||
|
$form = $this.parents("form").first(),
|
||
|
validatorNames = [];
|
||
|
if (
|
||
|
!$helpBlock.length &&
|
||
|
settings.options.autoAdd &&
|
||
|
settings.options.autoAdd.helpBlocks
|
||
|
) {
|
||
|
$helpBlock = $('<div class="help-block" />');
|
||
|
$controlGroup.find(".controls").append($helpBlock);
|
||
|
createdElements.push($helpBlock[0]);
|
||
|
}
|
||
|
if (settings.options.sniffHtml) {
|
||
|
var message;
|
||
|
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"));
|
||
|
}
|
||
|
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);
|
||
|
}
|
||
|
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);
|
||
|
}
|
||
|
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")
|
||
|
);
|
||
|
}
|
||
|
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")
|
||
|
);
|
||
|
}
|
||
|
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);
|
||
|
}
|
||
|
if (
|
||
|
$this.attr("type") !== undefined &&
|
||
|
$this.attr("type").toLowerCase() === "number"
|
||
|
) {
|
||
|
message = settings.validatorTypes.number.message;
|
||
|
if ($this.data("validationNumberMessage")) {
|
||
|
message = $this.data("validationNumberMessage");
|
||
|
}
|
||
|
$this.data("validationNumberMessage", message);
|
||
|
var step = settings.validatorTypes.number.step;
|
||
|
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);
|
||
|
}
|
||
|
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);
|
||
|
}
|
||
|
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")
|
||
|
);
|
||
|
}
|
||
|
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")
|
||
|
);
|
||
|
}
|
||
|
}
|
||
|
if ($this.data("validation") !== undefined) {
|
||
|
validatorNames = $this.data("validation").split(",");
|
||
|
}
|
||
|
$.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]);
|
||
|
}
|
||
|
});
|
||
|
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) {
|
||
|
$.each(
|
||
|
$this.data("validation" + el + "Shortcut").split(","),
|
||
|
function (i2, el2) {
|
||
|
newValidatorNamesToInspect.push(el2);
|
||
|
}
|
||
|
);
|
||
|
} else if (settings.builtInValidators[el.toLowerCase()]) {
|
||
|
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 {
|
||
|
$.each(validatorNames, uppercaseEachValidatorName);
|
||
|
validatorNames = $.unique(validatorNames);
|
||
|
newValidatorNamesToInspect = [];
|
||
|
$.each(validatorNamesToInspect, inspectValidators);
|
||
|
validatorNamesToInspect = newValidatorNamesToInspect;
|
||
|
} while (validatorNamesToInspect.length > 0);
|
||
|
var validators = {};
|
||
|
$.each(validatorNames, function (i, el) {
|
||
|
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 + "'");
|
||
|
}
|
||
|
});
|
||
|
$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")
|
||
|
);
|
||
|
$this.bind("validation.validation", function (event, params) {
|
||
|
var value = getValue($this);
|
||
|
var errorsFound = [];
|
||
|
$.each(validators, function (validatorType, validatorTypeArray) {
|
||
|
if (
|
||
|
value ||
|
||
|
value.length ||
|
||
|
(params && params.includeEmpty) ||
|
||
|
!!settings.validatorTypes[validatorType].includeEmpty ||
|
||
|
(!!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;
|
||
|
});
|
||
|
$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());
|
||
|
if (errorsFound.length) {
|
||
|
$controlGroup
|
||
|
.removeClass("validate error issue")
|
||
|
.addClass(formIsSubmitting ? "error" : "issue");
|
||
|
if (
|
||
|
settings.options.semanticallyStrict &&
|
||
|
errorsFound.length === 1
|
||
|
) {
|
||
|
$helpBlock.html(
|
||
|
errorsFound[0] +
|
||
|
(settings.options.prependExistingHelpBlock
|
||
|
? $helpBlock.data("original-contents")
|
||
|
: "")
|
||
|
);
|
||
|
} else {
|
||
|
$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) {
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
);
|
||
|
$this.bind("validationLostFocus.validation", function () {
|
||
|
if (settings.options.removeSuccess) {
|
||
|
}
|
||
|
});
|
||
|
});
|
||
|
},
|
||
|
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();
|
||
|
$this.unbind(".validation");
|
||
|
$form.unbind(".validationSubmit");
|
||
|
$helpBlock.html($helpBlock.data("original-contents"));
|
||
|
$controlGroup.attr("class", $controlGroup.data("original-classes"));
|
||
|
$this.attr("aria-invalid", $this.data("original-aria-invalid"));
|
||
|
$helpBlock.attr("role", $this.data("original-role"));
|
||
|
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
|
||
|
);
|
||
|
setTimeout(function () {
|
||
|
if (
|
||
|
!$this.is(":focus") &&
|
||
|
$this.parents("form").first().data("jqbvIsSubmitting")
|
||
|
) {
|
||
|
rrjqbvThis.trigger("blur.validation");
|
||
|
} else {
|
||
|
rrjqbvThis.trigger("revalidate.validation");
|
||
|
}
|
||
|
}, 1);
|
||
|
}
|
||
|
}
|
||
|
);
|
||
|
}
|
||
|
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
|
||
|
);
|
||
|
setTimeout(function () {
|
||
|
$this.trigger("revalidate.validation");
|
||
|
}, 1);
|
||
|
}
|
||
|
},
|
||
|
failure: function () {
|
||
|
validator.lastValid = true;
|
||
|
validator.message = "ajax call failed";
|
||
|
validator.lastFinished = true;
|
||
|
$this.data(
|
||
|
"validation" + validator.validatorName + "Message",
|
||
|
validator.message
|
||
|
);
|
||
|
setTimeout(function () {
|
||
|
$this.trigger("revalidate.validation");
|
||
|
}, 1);
|
||
|
},
|
||
|
});
|
||
|
}
|
||
|
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) {
|
||
|
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) {
|
||
|
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 via StackOverflow.com
|
||
|
*
|
||
|
* http://stackoverflow.com/questions/359788/how-to-execute-a-javascript-function-when-i-have-its-name-as-a-string#answer-359910
|
||
|
* Short link: http://tinyurl.com/executeFunctionByName
|
||
|
**/
|
||
|
function executeFunctionByName(functionName, context) {
|
||
|
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);
|