', {
'class': 'ketchup-error-container',
html: '
'
});
var initialPositionContainer = function(errorContainer, field) {
var fOffset = field.offset();
errorContainer.css({
left: fOffset.left + field.width() - 10,
top: fOffset.top - errorContainer.height()
});
};
var positionContainer = function(errorContainer, field) {
errorContainer.animate({
top: field.offset().top - errorContainer.height()
});
};
var showContainer = function(errorContainer) {
errorContainer.fadeIn();
};
var hideContainer = function(errorContainer) {
errorContainer.fadeOut();
};
$.fn.ketchup = function(opt) {
options = $.extend({}, $.fn.ketchup.defaults, opt);
return this.each(function() {
squeeze($(this));
});
};
$.fn.ketchup.validation = function(name, func) {
$.fn.ketchup.validations.push(name);
$.fn.ketchup.validations[name] = func;
};
$.fn.ketchup.messages = {};
$.fn.ketchup.validations = [];
var options;
$.fn.ketchup.defaults = {
validationAttribute: 'class',
errorContainer: errorContainer,
initialPositionContainer: initialPositionContainer,
positionContainer: positionContainer,
showContainer: showContainer,
hideContainer: hideContainer
};
})(jQuery);
$.fn.ketchup.validation('required', function(element, value) {
if(element.attr('type') == 'checkbox') {
if(element.attr('checked') == true) return true;
else return false;
} else {
if(value.length == 0) return false;
else return true;
}
});
$.fn.ketchup.validation('minlength', function(element, value, minlength) {
if(value.length < minlength) return false;
else return true;
});
$.fn.ketchup.validation('maxlength', function(element, value, maxlength) {
if(value.length > maxlength) return false;
else return true;
});
$.fn.ketchup.validation('rangelength', function(element, value, minlength, maxlength) {
if(value.length >= minlength && value.length <= maxlength) return true;
else return false;
});
$.fn.ketchup.validation('min', function(element, value, min) {
if(value.length > 0 && parseInt(value) < min) return false;
else return true;
});
$.fn.ketchup.validation('max', function(element, value, max) {
if(value.length > 0 && parseInt(value) < min) return false;
else return true;
});
$.fn.ketchup.validation('range', function(element, value, min, max) {
if(value.length == 0 || (parseInt(value) >= min && parseInt(value) <= max)) return true;
else return false;
});
$.fn.ketchup.validation('regex', function(element, value, expression) {
if(value.length == 0 || (new RegExp(expression).test(value))) return true;
else return false;
});
$.fn.ketchup.validation('number', function(element, value) {
if(/^-?(?:\d+|\d{1,3}(?:,\d{3})+)(?:\.\d+)?$/.test(value) || value.length == 0) return true;
else return false;
});
$.fn.ketchup.validation('digits', function(element, value) {
if(/^\d+$/.test(value) || value.length == 0) return true;
else return false;
});
$.fn.ketchup.validation('email', function(element, value) {
if(/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i.test(value) || value.length == 0) return true;
else return false;
});
$.fn.ketchup.validation('url', function(element, value) {
if(/^(https?|ftp):\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i.test(value) || value.length == 0) return true;
else return false;
});
$.fn.ketchup.validation('username', function(element, value) {
if(/^([a-zA-Z])[a-zA-Z_-]*[\w_-]*[\S]$|^([a-zA-Z])[0-9_-]*[\S]$|^[a-zA-Z]*[\S]$/.test(value) || value.length == 0) return true;
else return false;
});
$.fn.ketchup.validation('match', function(element, value, match) {
if($(match).val() != value && value.length > 0) return false;
else return true;
});
$.fn.ketchup.validation('date', function(element, value) {
if(!/Invalid|NaN/.test(new Date(value)) || value.length == 0) return true;
else return false;
})
function watchSelect(type) {
$('input['+$.fn.ketchup.defaults.validationAttribute+'*="'+type+'"]').each(function() {
var el = $(this);
$('input[name="'+el.attr('name')+'"]').each(function() {
var al = $(this);
if(al.attr($.fn.ketchup.defaults.validationAttribute).indexOf(type) == -1) al.blur(function() { el.blur(); });
});
});
}
$(document).ready(function() {
watchSelect('minselect');
watchSelect('maxselect');
watchSelect('rangeselect');
});
$.fn.ketchup.validation('minselect', function(element, value, min) {
if($('input[name="'+element.attr('name')+'"]:checked').length >= min) return true;
else return false;
});
$.fn.ketchup.validation('maxselect', function(element, value, max) {
if($('input[name="'+element.attr('name')+'"]:checked').length <= max) return true;
else return false;
});
$.fn.ketchup.validation('rangeselect', function(element, value, min, max) {
var checked = $('input[name="'+element.attr('name')+'"]:checked');
if(checked.length >= min && checked.length <= max) return true;
else return false;
});
$.fn.ketchup.messages = {
'required': 'This field is required.',
'minlength': 'This field must have a minimal length of $arg1.',
'maxlength': 'This field must have a maximal length of $arg1.',
'rangelength': 'This field must have a length between $arg1 and $arg2.',
'min': 'Must be at least $arg1.',
'max': 'Can not be greater than $arg1.',
'range': 'Must be between $arg1 and $arg2.',
'number': 'Must be a number.',
'digits': 'Must be digits.',
'email': 'Must be a valid E-Mail.',
'url': 'Must be a valid URL.',
'username': 'Must be a valid username.',
'match': 'Must match the field above.',
'date': 'Must be a valid date.',
'minselect': 'Select at least $arg1 checkboxes.',
'maxselect': 'Select not more than $arg1 checkboxes.',
'rangeselect': 'Select between $arg1 and $arg2 checkboxes.',
'error': 'Invalid value'
};