diff --git a/js/uni-form-validation.jquery.js b/js/uni-form-validation.jquery.js
deleted file mode 100644
index 66fb28f..0000000
--- a/js/uni-form-validation.jquery.js
+++ /dev/null
@@ -1,799 +0,0 @@
-/**
- * Uni-Form jQuery Plugin with Validation
- *
- * Provides form actions for use with the Uni-Form markup style
- * This version adds additional support for client side validation
- *
- * Author: Ilija Studen for the purposes of Uni-Form
- *
- * Modified by Aris Karageorgos to use the parents function
- *
- * Modified by Toni Karlheinz to support input fields' text
- * coloring and removal of their initial values on focus
- *
- * Modified by Jason Brumwell for optimization, addition
- * of valid and invalid states and default data attribues
- *
- * Modified by LearningStation to add support for client
- * side validation routines. The validation routines based on an
- * open source library of unknown authorship.
- *
- * @see http://sprawsm.com/uni-form/
- * @license MIT http://www.opensource.org/licenses/mit-license.php
- */
- /*jslint devel: true, bitwise: true, browser: true, plusplus: true, maxerr: 50, indent: 4 */
-jQuery.fn.uniform = function (extended_settings) {
-
- /**
- * Self reference for closures
- *
- * @var object
- */
- var self = this;
-
- /**
- * Errors of all fields by their names
- *
- * @var object
- */
- var errors = {};
-
- /**
- * Object extending the defaults object
- *
- * @var object
- */
- var settings = jQuery.extend(
- jQuery.fn.uniform.defaults,
- extended_settings
- );
-
- /**
- * Language abstration string
- *
- * to extend, use a script tag to include a file from the localization folder
- *
- * @var object
- */
- var i18n_strings = jQuery.fn.uniform.language;
-
- /**
- * Supported validators
- *
- * @var Object
- */
- this.validators = {
-
- /**
- * Get the value for a validator that takes parameters
- *
- * @param string name
- * @param string all classes on element
- *
- * @return mixed || null
- */
- get_val : function (name, classes, default_value) {
- var value = default_value;
- classes = classes.split(' ');
- for (var i = 0; i < classes.length; i += 1) {
- if (classes[i] === name) {
- if ((classes[i + 1] != 'undefined') && ('val-' === classes[i + 1].substr(0, 4))) {
- value = parseInt(classes[i + 1].substr(4), 10);
- return value;
- }
- }
- }
- return value;
- },
-
- /**
- * Value of field is not empty, whitespace will be counted as empty
- *
- * @param jQuery field
- * @param string caption
- */
- required : function (field, caption) {
- var name;
- if (field.is(':radio')) {
- name = field.attr('name');
- if ($("input[name=" + name + "]:checked").length) {
- return true;
- }
- return i18n('req_radio', caption);
- }
- if (field.is(':checkbox')) {
- name = field.attr('name');
- if (field.is(":checked")) {
- return true;
- }
- return i18n('req_checkbox', caption);
- }
- if (jQuery.trim(field.val()) === '') {
- return i18n('required', caption);
- }
- return true;
- },
-
- /**
- * Value is shorter than allowed
- *
- * @param jQuery field
- * @param sting caption
- */
- validateMinLength : function (field, caption) {
- var min_length = this.get_val('validateMinLength', field.attr('class'), 0);
-
- if ((min_length > 0) && (field.val().length < min_length)) {
- return i18n('minlength', caption, min_length);
- }
- return true;
- },
-
- /**
- * Value is less than min
- *
- * @param jQuery field
- * @param sting caption
- */
- validateMin : function (field, caption) {
- var min_val = this.get_val('validateMin', field.attr('class'), 0);
-
- if ((parseInt(field.val(), 10) < min_val)) {
- return i18n('min', caption, min_val);
- }
- return true;
- },
-
- /**
- * Value is longer than allowed
- *
- * @param jQuery field
- * @param string caption
- */
- validateMaxLength : function (field, caption) {
- var max_length = this.get_val('validateMaxLength', field.attr('class'), 0);
-
- if ((max_length > 0) && (field.val().length > max_length)) {
- return i18n('maxlength', caption, max_length);
- }
- return true;
- },
-
- /**
- * Value is greater than max
- *
- * @param jQuery field
- * @param sting caption
- */
- validateMax : function (field, caption) {
- var max_val = this.get_val('validateMax', field.attr('class'), 0);
-
- if ((parseInt(field.val(), 10) > max_val)) {
- return i18n('max', caption, max_val);
- }
- return true;
- },
-
- /**
- * Element has same value as that of the target Element
- *
- * This does not use the val-{name} format, and instead
- * is only the name of the element
- *
- * class="validateSameAs field_id"
- *
- * @param jQuery field
- * @param string caption
- */
- validateSameAs : function (field, caption) {
- var classes = field.attr('class').split(' '),
- target_field = '',
- target_field_name = '',
- target_field_caption = '';
-
- for (var i = 0; i < classes.length; i += 1) {
- if (classes[i] === 'validateSameAs') {
- if (classes[i + 1] != 'undefined') {
- target_field_name = classes[i + 1];
- break;
- }
- }
- }
-
- if (target_field_name) {
- var form = field.parents('form:first');
- target_field = jQuery('input[name="' + target_field_name + '"]', form);
- if (target_field.length > 0) {
- if (target_field.val() != field.val()) {
- target_field_caption = get_label_text(target_field);
- return i18n('same_as', caption, target_field_caption);
- }
- }
- }
-
- return true;
- },
-
- /**
- * Valid email address
- *
- * @param jQuery field
- * @param string caption
- */
- validateEmail : function (field, caption) {
- if (field.val().match(/^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/)) {
- return true;
- } else {
- return i18n('email', caption);
- }
- },
-
- /**
- * Valid URL (http://,https://,ftp://)
- *
- * @param jQuery field
- * @param string caption
- */
- validateUrl : function (field, caption) {
- if (field.val().match(/^(http|https|ftp):\/\/(([A-Z0-9][A-Z0-9_\-]*)(\.[A-Z0-9][A-Z0-9_\-]*)+)(:(\d+))?\/?/i)) {
- return true;
- }
- return i18n('url', caption);
- },
-
- /**
- * Number is only valid value (integers and floats)
- *
- * @param jQuery field
- * @param string caption
- */
- validateNumber : function (field, caption) {
- if (field.val().match(/(^-?\d\d*\.\d*$)|(^-?\d\d*$)|(^-?\.\d\d*$)/) || field.val() === '') {
- return true;
- }
- return i18n('number', caption);
- },
-
- /**
- * Whole numbers are allowed
- *
- * @param jQuery field
- * @param string caption
- */
- validateInteger : function (field, caption) {
- if (field.val().match(/(^-?\d\d*$)/) || field.val() === '') {
- return true;
- }
- return i18n('integer', caption);
- },
-
- /**
- * Letters only
- *
- * @param jQuery field
- * @param string caption
- */
- validateAlpha : function (field, caption) {
- if (field.val().match(/^[a-zA-Z]+$/)) {
- return true;
- }
- return i18n('alpha', caption);
- },
-
- /**
- * Letters and numbers
- *
- * @param jQuery field
- * @param string caption
- */
- validateAlphaNum : function (field, caption) {
- if (field.val().match(/\W/)) {
- return i18n('alphanum', caption);
- }
- return true;
- },
-
- /**
- * Simple phrases
- *
- * @param jQuery field
- * @param string caption
- */
- validatePhrase : function (field, caption) {
- if ((field.val() === '') || field.val().match(/^[\w\d\.\-_\(\)\*'# :,]+$/i)) {
- return true;
- }
- return i18n('phrase', caption);
- },
-
- /**
- * Phone number
- *
- * @param jQuery field
- * @param string caption
- */
- validatePhone : function (field, caption) {
- var phoneNumber = /^\(?(\d{3})\)?[\- ]?(\d{3})[\- ]?(\d{4})$/;
- if (phoneNumber.test(field.val())) {
- return true;
- }
- return i18n('phone', caption);
- },
-
- /**
- * Date in MM/DD/YYYY format
- *
- * @param jQuery field
- * @param string caption
- */
- validateDate : function (field, caption) {
- if (field.val().match('([0]?[1-9]|[1][0-2])/([0]?[1-9]|[1|2][0-9]|[3][0|1])/([0-9]{4}|[0-9]{2})$')) {
- return true;
- }
- return i18n('date', caption);
- },
-
- /**
- * Callback validator
- *
- * Lets you define your own validators. Usage:
- *
- *
- *
- * This will result in UniForm searching for window.my_callback funciton and
- * executing it with field and caption arguments. Sample implementation:
- *
- * window.my_callback = function (field, caption) {
- * if (field.val() === '34') {
- * return true;
- * } else {
- * return caption + ' value should be "34"';
- * }
- * }
- *
- * @param jQuery field
- * @param caption
- */
- validateCallback : function (field, caption) {
- var classes = field.attr('class').split(' '),
- callback_function = '';
-
- for (var i = 0; i < classes.length; i += 1) {
- if (classes[i] === 'validateCallback') {
- if (classes[i + 1] != 'undefined') {
- callback_function = classes[i + 1];
- break;
- }
- }
- }
-
- if (window[callback_function] != 'undefined' && (typeof window[callback_function] === 'function')) {
- return window[callback_function](field, caption);
- }
-
- return i18n('callback', caption, callback_function);
- }
-
- };
-
- /**
- * get the text of the label that belongs to the field
- * @param field jQ object, e.g. $("#email")
- */
- var get_label_text = function (field) {
- var text = field.closest('label').text();
- if (text === '') {
- text = field.closest('div.' + settings.holder_class).find('label').text();
- }
- return text.replace('*', '').replace(':', '');
- };
-
- /**
- * Simple replacement for i18n + sprintf
- *
- * @param string language for for the local i18n object
- * @param mixed substitution vars
- *
- * @return internationalized string
- */
- var i18n = function (lang_key) {
- var lang_string = i18n_strings[lang_key],
- bits = lang_string.split('%'),
- out = bits[0],
- re = /^([ds])(.*)$/,
- p;
-
- for (var i = 1; i < bits.length; i += 1) {
- p = re.exec(bits[i]);
- if (!p || arguments[i] === null) {
- continue;
- }
- if (p[1] === 'd') {
- out += parseInt(arguments[i], 10);
- } else if (p[1] === 's') {
- out += arguments[i];
- }
- out += p[2];
- }
- return out;
- };
-
- return this.each(function () {
- var form = jQuery(this);
-
- /**
- * Set the results of form validation on the form element
- *
- * @param object $input jQuery form element
- * @param bool valid true if the form value passed all validation
- * @param string text validation error message to display
- *
- * @return null
- */
- var validate = function ($input, valid, text) {
- var $p = $input.closest('div.' + settings.holder_class)
- .andSelf()
- .toggleClass(settings.invalid_class, !valid)
- .toggleClass(settings.error_class, !valid)
- .toggleClass(settings.valid_class, valid)
- .find('p.form-hint');
-
- // store this into the errors array, can be used by the custom callback
- if (! valid) {
- errors[name] = text;
- }
- else if (name in errors) {
- delete errors[name];
- }
-
- // if the validation failed we'll stash the p help text into the info-data
- // and then put the error message in it's place.
- if (! valid && ! $p.data('info-text')) {
- $p.data('info-text', $p.html());
- }
- else if (valid) {
- text = $p.data('info-text');
- }
-
- if (text) {
- $p.html(text);
- }
- };
-
- /**
- * Select form fields and attach the higlighter functionality
- *
- */
- form.find(settings.field_selector).each(function () {
- var $input = $(this),
- value = $input.val();
-
- $input.data('default-color', $input.css('color'));
-
- if (value === $input.data('default-value') || ! value) {
- $input.not('select').css("color", settings.default_value_color);
- // Issue 15, we use .attr() here because we want the string value
- // and the .data() can type cast
- $input.val($input.attr('data-default-value'));
- }
- });
-
- /**
- * If we've set ask_on_leave we'll register a handler here
- *
- * We need to serialize the form data, wait for a beforeunload,
- * then serialize and compare for changes
- *
- * If they changed things, and haven't submitted, we'll let them
- * know about it
- *
- * Note that you can turn on askOnLeave with either uniform.settings
- * or with a form class.
- *
- */
- if (settings.ask_on_leave || form.hasClass('askOnLeave')) {
- var initial_values = form.serialize();
- $(window).bind("beforeunload", function (e) {
- if ((initial_values != form.serialize())
- && (settings.ask_on_leave || form.hasClass('askOnLeave'))
- ) {
- return ($.isFunction(settings.on_leave_callback))
- ? settings.on_leave_callback(form)
- : confirm(i18n('on_leave'));
- }
- });
- }
-
- /**
- * Handle the submission of the form
- *
- * Tasks
- * * Remove any default values from the form
- * * If prevent_submit is set true, return false if
- * there are outstanding errors in the form
- *
- * Todo
- * * it would be novel to use prevent_submit to disable
- * the submit button in the blur handler
- *
- * @return bool
- */
- form.submit(function () {
- var return_val,
- callback_result = true;
-
- // in the case of a previously failed submit, we'll remove our marker
- form.removeClass('failedSubmit');
-
- // prevent the ask_on_leave from firing
- settings.ask_on_leave = false;
- form.removeClass('askOnLeave');
-
- // remove the default values from the val() where they were being displayed
- form.find(settings.field_selector).each(function () {
- if ($(this).val() === $(this).data('default-value')) {
- $(this).val('');
- }
- });
-
- // traverse and revalidate making sure that we haven't missed any fields
- // perhaps if a field was filled in before uniform was initialized
- // or if blur failed to fire correctly
- // You can turn on prevent_submit with either a class or with the uniform.settings
- if (settings.prevent_submit || form.hasClass('preventSubmit')) {
- // use blur to run the validators on each field
- form.find(settings.field_selector).each(function () {
- $(this).blur();
- });
-
- // if we have a submit callback, we'll give it a chance to inspect the data now
- if ($.isFunction(settings.submit_callback)) {
- callback_result = settings.submit_callback(form);
- }
-
- // if there are any error messages
- if (form
- .find('.' + settings.invalid_class)
- .add('.' + settings.error_class).length
- || !callback_result
- ) {
- return_val = ($.isFunction(settings.prevent_submit_callback))
- ? settings.prevent_submit_callback(form, i18n('submit_msg'), [i18n('submit_help')])
- : jQuery.fn.uniform.showFormError(form, i18n('submit_msg'), [i18n('submit_help')]);
- } // end form error counting
-
- } // end preventSubmit
- else {
- // We aren't preventing the submission when there are errors, so this function must
- // return true and allow the form to submit.
- return_val = true;
- }
-
- // qUnit needs to run this submit function, and still prevent the submit.
- // This isn't ideal, but it prevents us from having to trap events
- if (form.parents('#qunit-fixture').length) {
- return_val = false;
- }
-
- if (return_val === false) {
- form.addClass('failedSubmit');
- }
-
- return return_val;
- });
-
- /**
- * Set the form focus class
- *
- * Remove any classes other than the focus class and hide the default label text
- *
- */
- form.delegate(settings.field_selector, 'focus', function () {
- form.find('.' + settings.focused_class).removeClass(settings.focused_class);
-
- var $input = $(this);
-
- $input.parents().filter('.' + settings.holder_class + ':first')
- .addClass(settings.focused_class);
-
- if ($input.val() === $input.data('default-value')) {
- $input.val('');
- }
-
- $input.not('select').css('color', $input.data('default-color'));
- });
-
- /**
- * Validate a form field on the blur event
- *
- * Search the classnames on the element for the names of
- * validators, and run them as we find them
- *
- * If the validators fail, we trigger either 'success' or 'error' events
- *
- */
- form.delegate(settings.field_selector, 'blur', function () {
- var $input = $(this),
- has_validation = false,
- validator,
- label = get_label_text($(this));
-
- // remove focus from form element
- form.find('.' + settings.focused_class).removeClass(settings.focused_class);
-
- // (if empty or equal to default value) AND not required
- if (($input.val() === "" || $input.val() === $input.data('default-value'))
- && !$input.hasClass('required')
- ) {
- $input.not('select').css("color", settings.default_value_color);
- $input.val($input.data('default-value'));
- return;
- }
-
- // run the validation and if they all pass, we mark the color and move on
- for (validator in self.validators) {
- if ($input.hasClass(validator)) {
- has_validation = true;
- var validation_result = self.validators[validator]($input, label);
- if (typeof(validation_result) === 'string') {
- $input.trigger('error', validation_result);
- return;
- }
- }
- }
-
- // if it had validation and we didn't return above,
- // then all validation passed
- if (has_validation) {
- $input.trigger('success');
- }
-
- // return the color to the default
- $input.css('color', $input.data('default-color'));
- return;
- });
-
- /**
- * Handle a validation error in the form element
- *
- * This will set the field to have the error marker
- * and update the warning text
- *
- * @param event e
- * @param string validation message
- */
- form.delegate(settings.field_selector, 'error', function (e, text) {
- validate($(this), false, text);
- });
-
- /**
- * Handle a succesful validation in the form element
- *
- * Remove any error messages and set the validation
- * marker to be success
- *
- * @param event e
- * @param string unused
- */
- form.delegate(settings.field_selector, 'success', function (e, text) {
- validate($(this), true);
- });
-
- // Issue 9: HTML5 autofocus elements
- // When the browser focuses, it happens before Uni-Form, and so we need
- // the manually run the focus event here to deal with style changes
- // and any handling of the default data
- $('input[autofocus]:first').focus();
-
- }); // end for each form
-};
-
-/**
- * Uni-Form form validation error
- *
- * @param object jQuery form element
- * @param string title of the form error
- * @param array list of error messages to show
- *
- * @return false
- */
-jQuery.fn.uniform.showFormError = function (form, title, messages) {
- var m, $message;
-
- if ($('#errorMsg').length) {
- $('#errorMsg').remove();
- }
-
- $message = $('')
- .attr('id', 'errorMsg')
- .html("
" + title + "
");
-
- if (messages.length) {
- $message.append($(''));
- for (m in messages) {
- $('ol', $message).append(
- $('').text(messages[m])
- );
- }
- }
-
- form.prepend($message);
-
- $('html, body').animate({
- scrollTop: form.offset().top
- }, 500);
-
- $('#errorMsg').slideDown();
- return false;
-};
-
-/**
- * Uni-Form form success message
- *
- * @param object jQuery form element
- * @param string title of the success message
- *
- * @return false
- */
-jQuery.fn.uniform.showFormSuccess = function (form, title) {
- var $message;
-
- if ($('#okMsg').length) {
- $('#okMsg').remove();
- }
- $message = $('')
- .attr('id', 'okMsg')
- .html("
" + title + "
");
- form.prepend($message);
- $('html, body').animate({
- scrollTop: form.offset().top
- }, 500);
- $('#okMsg').slideDown();
- return false;
-};
-
-/**
- * Internationalized language strings for validation messages
- */
-jQuery.fn.uniform.language = {
- required : '%s is required',
- req_radio : 'Please make a selection',
- req_checkbox : 'You must select this checkbox to continue',
- minlength : '%s should be at least %d characters long',
- min : '%s should be greater than or equal to %d',
- maxlength : '%s should not be longer than %d characters',
- max : '%s should be less than or equal to %d',
- same_as : '%s is expected to be same as %s',
- email : '%s is not a valid email address',
- url : '%s is not a valid URL',
- number : '%s needs to be a number',
- integer : '%s needs to be a whole number',
- alpha : '%s should contain only letters (without special characters or numbers)',
- alphanum : '%s should contain only numbers and letters (without special characters)',
- phrase : '%s should contain only alphabetic characters, numbers, spaces, and the following: . , - _ () * # :',
- phone : '%s should be a phone number',
- date : '%s should be a date (mm/dd/yyyy)',
- callback : 'Failed to validate %s field. Validator function (%s) is not defined!',
- on_leave : 'Are you sure you want to leave this page without saving this form?',
- submit_msg : 'Sorry, this form needs corrections.',
- submit_help : 'Please see the items marked below.',
- submit_success: 'Thank you, this form has been sent.'
-};
-
-/**
- * See the validation.md file for more information about these options
- */
-jQuery.fn.uniform.defaults = {
- submit_callback : false,
- prevent_submit : false,
- prevent_submit_callback : false,
- ask_on_leave : false,
- on_leave_callback : false,
- valid_class : 'valid',
- invalid_class : 'invalid',
- error_class : 'error',
- focused_class : 'focused',
- holder_class : 'ctrlHolder',
- field_selector : 'input, textarea, select',
- default_value_color : "#afafaf"
-};
diff --git a/js/uni-form-validation.jquery.min.js b/js/uni-form-validation.jquery.min.js
deleted file mode 100644
index b29fe82..0000000
--- a/js/uni-form-validation.jquery.min.js
+++ /dev/null
@@ -1,50 +0,0 @@
-/**
- * Uni-Form jQuery Plugin with Validation
- *
- * @see http://sprawsm.com/uni-form/
- * @license MIT http://www.opensource.org/licenses/mit-license.php
- */
-jQuery.fn.uniform=function(extended_settings){var self=this;var errors={};var settings=jQuery.extend(jQuery.fn.uniform.defaults,extended_settings);var i18n_strings=jQuery.fn.uniform.language;this.validators={get_val:function(name,classes,default_value){var value=default_value;classes=classes.split(' ');for(var i=0;i0)&&(field.val().length0)&&(field.val().length>max_length)){return i18n('maxlength',caption,max_length);}
-return true;},validateMax:function(field,caption){var max_val=this.get_val('validateMax',field.attr('class'),0);if((parseInt(field.val(),10)>max_val)){return i18n('max',caption,max_val);}
-return true;},validateSameAs:function(field,caption){var classes=field.attr('class').split(' '),target_field='',target_field_name='',target_field_caption='';for(var i=0;i0){if(target_field.val()!=field.val()){target_field_caption=get_label_text(target_field);return i18n('same_as',caption,target_field_caption);}}}
-return true;},validateEmail:function(field,caption){if(field.val().match(/^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/)){return true;}else{return i18n('email',caption);}},validateUrl:function(field,caption){if(field.val().match(/^(http|https|ftp):\/\/(([A-Z0-9][A-Z0-9_\-]*)(\.[A-Z0-9][A-Z0-9_\-]*)+)(:(\d+))?\/?/i)){return true;}
-return i18n('url',caption);},validateNumber:function(field,caption){if(field.val().match(/(^-?\d\d*\.\d*$)|(^-?\d\d*$)|(^-?\.\d\d*$)/)||field.val()===''){return true;}
-return i18n('number',caption);},validateInteger:function(field,caption){if(field.val().match(/(^-?\d\d*$)/)||field.val()===''){return true;}
-return i18n('integer',caption);},validateAlpha:function(field,caption){if(field.val().match(/^[a-zA-Z]+$/)){return true;}
-return i18n('alpha',caption);},validateAlphaNum:function(field,caption){if(field.val().match(/\W/)){return i18n('alphanum',caption);}
-return true;},validatePhrase:function(field,caption){if((field.val()==='')||field.val().match(/^[\w\d\.\-_\(\)\*'# :,]+$/i)){return true;}
-return i18n('phrase',caption);},validatePhone:function(field,caption){var phoneNumber=/^\(?(\d{3})\)?[\- ]?(\d{3})[\- ]?(\d{4})$/;if(phoneNumber.test(field.val())){return true;}
-return i18n('phone',caption);},validateDate:function(field,caption){if(field.val().match('([0]?[1-9]|[1][0-2])/([0]?[1-9]|[1|2][0-9]|[3][0|1])/([0-9]{4}|[0-9]{2})$')){return true;}
-return i18n('date',caption);},validateCallback:function(field,caption){var classes=field.attr('class').split(' '),callback_function='';for(var i=0;i').attr('id','errorMsg').html("
"+title+"
");if(messages.length){$message.append($(''));for(m in messages){$('ol',$message).append($('').text(messages[m]));}}
-form.prepend($message);$('html, body').animate({scrollTop:form.offset().top},500);$('#errorMsg').slideDown();return false;};jQuery.fn.uniform.showFormSuccess=function(form,title){var $message;if($('#okMsg').length){$('#okMsg').remove();}
-$message=$('').attr('id','okMsg').html("
"+title+"
");form.prepend($message);$('html, body').animate({scrollTop:form.offset().top},500);$('#okMsg').slideDown();return false;};jQuery.fn.uniform.language={required:'%s is required',req_radio:'Please make a selection',req_checkbox:'You must select this checkbox to continue',minlength:'%s should be at least %d characters long',min:'%s should be greater than or equal to %d',maxlength:'%s should not be longer than %d characters',max:'%s should be less than or equal to %d',same_as:'%s is expected to be same as %s',email:'%s is not a valid email address',url:'%s is not a valid URL',number:'%s needs to be a number',integer:'%s needs to be a whole number',alpha:'%s should contain only letters (without special characters or numbers)',alphanum:'%s should contain only numbers and letters (without special characters)',phrase:'%s should contain only alphabetic characters, numbers, spaces, and the following: . , - _ () * # :',phone:'%s should be a phone number',date:'%s should be a date (mm/dd/yyyy)',callback:'Failed to validate %s field. Validator function (%s) is not defined!',on_leave:'Are you sure you want to leave this page without saving this form?',submit_msg:'Sorry, this form needs corrections.',submit_help:'Please see the items marked below.',submit_success:'Thank you, this form has been sent.'};jQuery.fn.uniform.defaults={submit_callback:false,prevent_submit:false,prevent_submit_callback:false,ask_on_leave:false,on_leave_callback:false,valid_class:'valid',invalid_class:'invalid',error_class:'error',focused_class:'focused',holder_class:'ctrlHolder',field_selector:'input, textarea, select',default_value_color:"#afafaf"};
diff --git a/js/uni-form.jquery.js b/js/uni-form.jquery.js
deleted file mode 100644
index 7241ff3..0000000
--- a/js/uni-form.jquery.js
+++ /dev/null
@@ -1,105 +0,0 @@
-/**
- * Uni-Form jQuery Plugin without Validation
- *
- * Provides form actions for use with the Uni-Form markup style
- *
- * Author: Ilija Studen for the purposes of Uni-Form
- *
- * Modified by Aris Karageorgos to use the parents function
- *
- * Modified by Toni Karlheinz to support input fields' text
- * coloring and removal of their initial values on focus
- *
- * Modified by Jason Brumwell for optimization, addition
- * of valid and invalid states and default data attribues
- *
- *
- * @see http://sprawsm.com/uni-form/
- * @license MIT http://www.opensource.org/licenses/mit-license.php
- */
-jQuery.fn.uniform = function(settings) {
- settings = jQuery.extend({
- valid_class : 'valid',
- invalid_class : 'invalid',
- error_class : 'error',
- focused_class : 'focused',
- holder_class : 'ctrl-holder',
- field_selector : 'input, textarea, select',
- default_value_color: "#afafaf"
- }, settings);
-
- return this.each(function() {
- var form = jQuery(this),
- validate = function($input,valid,text) {
- var $p = $input.closest('div.'+settings.holder_class)
- .andSelf()
- .toggleClass(settings.invalid_class,!valid)
- .toggleClass(settings.error_class,!valid)
- .toggleClass(settings.valid_class,valid)
- .find('p.form-hint');
-
- if (! valid && ! $p.data('info-text')) {
- $p.data('info-text',$p.html());
- } else if (valid) {
- text = $p.data('info-text');
- }
-
- if (text) {
- $p.html(text);
- }
- };
-
- form.submit(function(){
- form.find(settings.field_selector).each(function(){
- if($(this).val() == $(this).data('default-value')) $(this).val("");
- });
- });
-
- // Select form fields and attach them higlighter functionality
- form.find(settings.field_selector).each(function(){
- var $input = $(this),
- value = $input.val();
-
- $input.data('default-color',$input.css('color'));
-
- if (value == $input.data('default-value') || ! value) {
- $input.not('select').css("color",settings.default_value_color);
- $input.val($input.data('default-value'));
-
- }
- });
-
- form.delegate(settings.field_selector,'focus',function() {
- form.find('.' + settings.focused_class).removeClass(settings.focused_class);
-
- var $input = $(this);
-
- $input.parents().filter('.'+settings.holder_class+':first').addClass(settings.focused_class);
-
- if($input.val() == $input.data('default-value')){
- $input.val("");
- }
-
- $input.not('select').css('color',$input.data('default-color'));
- });
-
- form.delegate(settings.field_selector,'blur',function() {
- var $input = $(this);
- form.find('.' + settings.focused_class).removeClass(settings.focused_class);
- if($input.val() == "" || $input.val() == $input.data('default-value')){
- $input.not('select').css("color",settings.default_value_color);
- $input.val($input.data('default-value'));
- } else {
- $input.css('color',$input.data('default-color'));
- }
- });
-
- form.delegate(settings.field_selector,'error',function(e,text) {
- validate($(this),false,text);
- });
-
- form.delegate(settings.field_selector,'success',function(e,text) {
- validate($(this),true);
- });
- });
-};
diff --git a/js/uni-form.jquery.min.js b/js/uni-form.jquery.min.js
deleted file mode 100644
index 425df3d..0000000
--- a/js/uni-form.jquery.min.js
+++ /dev/null
@@ -1,7 +0,0 @@
-/**
- * Uni-Form jQuery Plugin without Validation
- *
- * @see http://sprawsm.com/uni-form/
- * @license MIT http://www.opensource.org/licenses/mit-license.php
- */
-jQuery.fn.uniform=function(e){e=jQuery.extend({valid_class:"valid",invalid_class:"invalid",error_class:"error",focused_class:"focused",holder_class:"ctrl-holder",field_selector:"input, textarea, select",default_value_color:"#AFAFAF"},e);return this.each(function(){var t=jQuery(this),n=function(t,n,r){var i=t.closest("div."+e.holder_class).andSelf().toggleClass(e.invalid_class,!n).toggleClass(e.error_class,!n).toggleClass(e.valid_class,n).find("p.form-hint");if(!n&&!i.data("info-text")){i.data("info-text",i.html())}else if(n){r=i.data("info-text")}if(r){i.html(r)}};t.submit(function(){t.find(e.field_selector).each(function(){if($(this).val()==$(this).data("default-value"))$(this).val("")})});t.find(e.field_selector).each(function(){var t=$(this),n=t.val();t.data("default-color",t.css("color"));if(n==t.data("default-value")||!n){t.not("select").css("color",e.default_value_color);t.val(t.data("default-value"))}});t.delegate(e.field_selector,"focus",function(){t.find("."+e.focused_class).removeClass(e.focused_class);var n=$(this);n.parents().filter("."+e.holder_class+":first").addClass(e.focused_class);if(n.val()==n.data("default-value")){n.val("")}n.not("select").css("color",n.data("default-color"))});t.delegate(e.field_selector,"blur",function(){var n=$(this);t.find("."+e.focused_class).removeClass(e.focused_class);if(n.val()==""||n.val()==n.data("default-value")){n.not("select").css("color",e.default_value_color);n.val(n.data("default-value"))}else{n.css("color",n.data("default-color"))}});t.delegate(e.field_selector,"error",function(e,t){n($(this),false,t)});t.delegate(e.field_selector,"success",function(e,t){n($(this),true)})})}
diff --git a/src/.jshintrc b/src/.jshintrc
new file mode 100644
index 0000000..7f876e4
--- /dev/null
+++ b/src/.jshintrc
@@ -0,0 +1,15 @@
+{
+ "curly": true,
+ "eqeqeq": true,
+ "immed": true,
+ "latedef": true,
+ "newcap": true,
+ "noarg": true,
+ "sub": true,
+ "undef": true,
+ "unused": true,
+ "boss": true,
+ "eqnull": true,
+ "browser": true,
+ "predef": ["jQuery"]
+}
diff --git a/src/uni-form-validation.jquery.js b/src/uni-form-validation.jquery.js
new file mode 100644
index 0000000..dbf9b0f
--- /dev/null
+++ b/src/uni-form-validation.jquery.js
@@ -0,0 +1,755 @@
+//
+// Uni-Form jQuery Plugin with Validation
+// =============================================================================
+//
+// Provide form actions for use with the [Uni-Form markup][sprawsm] style
+// This version adds additional support for client side validation.
+//
+// Author: Ilija Studen for the purposes of Uni-Form
+//
+// Modified by Aris Karageorgos to use the parents function
+//
+// Modified by Toni Karlheinz to support input fields' text
+// coloring and removal of their initial values on focus
+//
+// Modified by Jason Brumwell for optimization, addition
+// of valid and invalid states and default data attribues
+//
+// Modified by [Craig Davis][there4] to add support for client
+// side validation routines. The validation routines based on an
+// open source library of unknown authorship.
+//
+// @license MIT http://www.opensource.org/licenses/mit-license.php
+//
+// [sprawsm]: http://sprawsm.com/uni-form
+// [there4]: http://there4development.com
+//
+/* global jQuery:false */
+(function ($) {
+
+ // Static Method to hold config and options
+ $.uniform = function () {};
+
+ // Hold a collection of the various form validators
+ $.uniform.validators = {};
+
+ $.fn.uniform = function (options) {
+
+ var get_val, get_label_text, validate,
+ errors = {};
+
+ options = $.extend($.uniform.default_options, options);
+
+ /**
+ * Get the value for a validator that takes parameters
+ *
+ * @param string name
+ * @param string all classes on element
+ *
+ * @return mixed || null
+ */
+ get_val = function (name, classes, default_value) {
+ var value = default_value;
+ classes = classes.split(' ');
+ for (var i = 0; i < classes.length; i += 1) {
+ if (classes[i] === name) {
+ if ((classes[i + 1] !== 'undefined') && ('val-' === classes[i + 1].substr(0, 4))) {
+ value = parseInt(classes[i + 1].substr(4), 10);
+ return value;
+ }
+ }
+ }
+ return value;
+ };
+
+ /**
+ * get the text of the label that belongs to the field
+ * @param field jQ object, e.g. $("#email")
+ */
+ get_label_text = function (field) {
+ var text = field.closest('label').text();
+ if (text === '') {
+ text = field.closest('div.' + options.holder_class).find('label').text();
+ }
+ return text.replace('*', '').replace(':', '');
+ };
+
+ /**
+ * Set the results of form validation on the form element
+ *
+ * @param object $input jQuery form element
+ * @param bool valid true if the form value passed all validation
+ * @param string text validation error message to display
+ *
+ * @return null
+ */
+ validate = function ($input, valid, text) {
+ var $p = $input.closest('div.' + options.holder_class)
+ .andSelf()
+ .toggleClass(options.invalid_class, !valid)
+ .toggleClass(options.error_class, !valid)
+ .toggleClass(options.valid_class, valid)
+ .find('p.form-hint');
+
+ // Store this into the errors array, can be used by the custom callback
+ if (! valid) {
+ errors[name] = text;
+ }
+ else if (name in errors) {
+ delete errors[name];
+ }
+
+ // if the validation failed we'll stash the p help text into the info-data
+ // and then put the error message in it's place.
+ if (! valid && ! $p.data('info-text')) {
+ $p.data('info-text', $p.html());
+ }
+ else if (valid) {
+ text = $p.data('info-text');
+ }
+
+ if (text) {
+ $p.html(text);
+ }
+ };
+
+ return this.each(function () {
+ var form = $(this);
+
+ // Select form fields and attach the highlighter functionality
+ form.find(options.field_selector).each(function () {
+ var $input = $(this),
+ value = $input.val();
+
+ $input.data('default-color', $input.css('color'));
+
+ if (value === $input.data('default-value') || !value) {
+ $input.not('select').css("color", options.default_value_color);
+ // Issue 15, we use .attr() here because we want the string value
+ // and the .data() can type cast
+ $input.val($input.attr('data-default-value'));
+ }
+ });
+
+ /**
+ * If we've set ask_on_leave we'll register a handler here
+ *
+ * We need to serialize the form data, wait for a beforeunload,
+ * then serialize and compare for changes
+ *
+ * If they changed things, and haven't submitted, we'll let them
+ * know about it
+ *
+ * Note that you can turn on askOnLeave with either uniform.settings
+ * or with a form class.
+ *
+ */
+ if (options.ask_on_leave || form.hasClass('askOnLeave')) {
+ var initial_values = form.serialize();
+ $(window).bind("beforeunload", function () {
+ if ((initial_values !== form.serialize()) &&
+ (options.ask_on_leave || form.hasClass('askOnLeave'))
+ ) {
+ return ($.isFunction(options.on_leave_callback)) ?
+ options.on_leave_callback(form):
+ window.confirm($.uniform.i18n('on_leave'));
+ }
+ });
+ }
+
+ /**
+ * Attach the submit handler to the form
+ *
+ * Tasks
+ * * Remove any default values from the form
+ * * If prevent_submit is set true, return false if
+ * there are outstanding errors in the form
+ *
+ * Todo
+ * * it would be novel to use prevent_submit to disable
+ * the submit button in the blur handler
+ *
+ * @return bool
+ */
+ form.submit(function () {
+ var return_val,
+ callback_result = true;
+
+ // In the case of a previously failed submit, we'll remove our marker
+ form.removeClass('failedSubmit');
+
+ // Prevent the ask_on_leave from firing
+ options.ask_on_leave = false;
+ form.removeClass('askOnLeave');
+
+ // Remove the default values from the val() where they were being displayed
+ form.find(options.field_selector).each(function () {
+ if ($(this).val() === $(this).data('default-value')) {
+ $(this).val('');
+ }
+ });
+
+ // Traverse and revalidate making sure that we haven't missed any fields
+ // perhaps if a field was filled in before uniform was initialized
+ // or if blur failed to fire correctly
+ // You can turn on prevent_submit with either a class or with the uniform.settings
+ if (options.prevent_submit || form.hasClass('preventSubmit')) {
+ // use blur to run the validators on each field
+ form.find(options.field_selector).each(function () {
+ $(this).blur();
+ });
+
+ // if we have a submit callback, we'll give it a chance to inspect the data now
+ if ($.isFunction(options.submit_callback)) {
+ callback_result = options.submit_callback(form);
+ }
+
+ // if there are any error messages
+ if (form.find('.' + options.invalid_class).add('.' + options.error_class).length ||
+ (!callback_result)
+ ) {
+ return_val = ($.isFunction(options.prevent_submit_callback)) ?
+ options.prevent_submit_callback(form, $.uniform.i18n('submit_msg'), [$.uniform.i18n('submit_help')]):
+ $.fn.uniform.showFormError(form, $.uniform.i18n('submit_msg'), [$.uniform.i18n('submit_help')]);
+ } // end form error counting
+
+ } // end preventSubmit
+ else {
+ // We aren't preventing the submission when there are errors, so this function must
+ // return true and allow the form to submit.
+ return_val = true;
+ }
+
+ // QUnit needs to run this submit function, and still prevent the submit.
+ // This isn't ideal, but it prevents us from having to trap events
+ if (form.parents('#qunit-fixture').length) {
+ return_val = false;
+ }
+
+ if (return_val === false) {
+ form.addClass('failedSubmit');
+ }
+
+ return return_val;
+ });
+
+ /**
+ * Set the form focus class
+ *
+ * Remove any classes other than the focus class and hide the default label text
+ *
+ */
+ form.delegate(options.field_selector, 'focus', function () {
+ form.find('.' + options.focused_class).removeClass(options.focused_class);
+ var $input = $(this);
+
+ $input
+ .parents()
+ .filter('.' + options.holder_class + ':first')
+ .addClass(options.focused_class);
+
+ if ($input.val() === $input.data('default-value')) {
+ $input.val('');
+ }
+
+ $input.not('select').css('color', $input.data('default-color'));
+ });
+
+ /**
+ * Validate a form field on the blur event
+ *
+ * Search the classnames on the element for the names of
+ * validators, and run them as we find them
+ *
+ * If the validators fail, we trigger either 'success' or 'error' events
+ *
+ */
+ form.delegate(options.field_selector, 'blur', function () {
+ var $input = $(this),
+ has_validation = false,
+ validator,
+ label = get_label_text($(this));
+
+ // Remove focus from form element
+ form.find('.' + options.focused_class).removeClass(options.focused_class);
+
+ // (if empty or equal to default value) AND not required
+ if (($input.val() === "" || $input.val() === $input.data('default-value')) &&
+ !$input.hasClass('required')
+ ) {
+ $input.not('select').css("color", options.default_value_color);
+ $input.val($input.data('default-value'));
+ return;
+ }
+
+ // run the validation and if they all pass, we mark the color and move on
+ for (validator in $.uniform.validators) {
+ if ($input.hasClass(validator)) {
+ var validation_result = $.uniform.validators[validator]($input, label);
+ has_validation = true;
+ if (typeof(validation_result) === 'string') {
+ $input.trigger('error', validation_result);
+ return;
+ }
+ }
+ }
+
+ // If it had validation and we didn't return above,
+ // then all validation passed
+ if (has_validation) {
+ $input.trigger('success');
+ }
+
+ // Return the color to the default
+ $input.css('color', $input.data('default-color'));
+ return;
+ });
+
+ /**
+ * Handle a validation error in the form element
+ *
+ * This will set the field to have the error marker
+ * and update the warning text
+ *
+ * @param event e
+ * @param string validation message
+ */
+ form.delegate(options.field_selector, 'error', function (e, text) {
+ validate($(this), false, text);
+ });
+
+ /**
+ * Handle a succesful validation in the form element
+ *
+ * Remove any error messages and set the validation
+ * marker to be success
+ *
+ * @param event e
+ * @param string unused
+ */
+ form.delegate(options.field_selector, 'success', function () {
+ validate($(this), true);
+ });
+
+ // Issue 9: HTML5 autofocus elements
+ // When the browser focuses, it happens before Uni-Form, and so we need
+ // the manually run the focus event here to deal with style changes
+ // and any handling of the default data
+ $('input[autofocus]:first').focus();
+
+ }); // end for each form
+ };
+
+ /**
+ * Uni-Form form validation error
+ *
+ * @param object jQuery form element
+ * @param string title of the form error
+ * @param array list of error messages to show
+ *
+ * @return false
+ */
+ $.fn.uniform.showFormError = function (form, title, messages) {
+ var m, $message;
+
+ if ($('#errorMsg').length) {
+ $('#errorMsg').remove();
+ }
+
+ $message = $('')
+ .attr('id', 'errorMsg')
+ .html("
" + title + "
");
+
+ if (messages.length) {
+ $message.append($(''));
+ for (m in messages) {
+ $('ol', $message).append(
+ $('').text(messages[m])
+ );
+ }
+ }
+
+ form.prepend($message);
+
+ $('html, body').animate({
+ scrollTop: form.offset().top
+ }, 500);
+
+ $('#errorMsg').slideDown();
+ return false;
+ };
+
+ /**
+ * Uni-Form form success message
+ *
+ * @param object jQuery form element
+ * @param string title of the success message
+ *
+ * @return false
+ */
+ $.fn.uniform.showFormSuccess = function (form, title) {
+ $('#okMsg').remove(); // Remove the old message
+ form.prepend( // The success message
+ $('').attr('id', 'okMsg').html("
" + title + "
")
+ );
+ // relocate to the top of the form so we can see the message
+ $('html, body').animate({scrollTop: form.offset().top}, 500);
+ // Display the message by sliding it down
+ $('#okMsg').slideDown();
+ return false;
+ };
+
+
+ /**
+ * Value of field is not empty, whitespace will be counted as empty
+ *
+ * @param jQuery field
+ * @param string caption
+ */
+ $.uniform.validators.required = function (field, caption) {
+ var name;
+ if (field.is(':radio')) {
+ name = field.attr('name');
+ if ($("input[name=" + name + "]:checked").length) {
+ return true;
+ }
+ return $.uniform.i18n('req_radio', caption);
+ }
+ if (field.is(':checkbox')) {
+ name = field.attr('name');
+ if (field.is(":checked")) {
+ return true;
+ }
+ return $.uniform.i18n('req_checkbox', caption);
+ }
+ if ($.trim(field.val()) === '') {
+ return $.uniform.i18n('required', caption);
+ }
+ return true;
+ };
+
+ /**
+ * Value is shorter than allowed
+ *
+ * @param jQuery field
+ * @param sting caption
+ */
+ $.uniform.validators.validateMinLength = function (field, caption) {
+ var min_length = $.fn.uniform.get_val('validateMinLength', field.attr('class'), 0);
+
+ if ((min_length > 0) && (field.val().length < min_length)) {
+ return $.uniform.i18n('minlength', caption, min_length);
+ }
+ return true;
+ };
+
+ /**
+ * Value is less than min
+ *
+ * @param jQuery field
+ * @param sting caption
+ */
+ $.uniform.validators.validateMin = function (field, caption) {
+ var min_val = $.fn.uniform.get_val('validateMin', field.attr('class'), 0);
+
+ if ((parseInt(field.val(), 10) < min_val)) {
+ return $.uniform.i18n('min', caption, min_val);
+ }
+ return true;
+ };
+
+ /**
+ * Value is longer than allowed
+ *
+ * @param jQuery field
+ * @param string caption
+ */
+ $.uniform.validators.validateMaxLength = function (field, caption) {
+ var max_length = $.fn.uniform.get_val('validateMaxLength', field.attr('class'), 0);
+
+ if ((max_length > 0) && (field.val().length > max_length)) {
+ return $.uniform.i18n('maxlength', caption, max_length);
+ }
+ return true;
+ };
+
+ /**
+ * Value is greater than max
+ *
+ * @param jQuery field
+ * @param sting caption
+ */
+ $.uniform.validators.validateMax = function (field, caption) {
+ var max_val = $.fn.uniform.get_val('validateMax', field.attr('class'), 0);
+
+ if ((parseInt(field.val(), 10) > max_val)) {
+ return $.uniform.i18n('max', caption, max_val);
+ }
+ return true;
+ };
+
+ /**
+ * Element has same value as that of the target Element
+ *
+ * This does not use the val-{name} format, and instead
+ * is only the name of the element
+ *
+ * class="validateSameAs field_id"
+ *
+ * @param jQuery field
+ * @param string caption
+ */
+ $.uniform.validators.validateSameAs = function (field, caption) {
+ var classes = field.attr('class').split(' '),
+ target_field = '',
+ target_field_name = '',
+ target_field_caption = '';
+
+ for (var i = 0; i < classes.length; i += 1) {
+ if (classes[i] === 'validateSameAs') {
+ if (classes[i + 1] !== 'undefined') {
+ target_field_name = classes[i + 1];
+ break;
+ }
+ }
+ }
+
+ if (target_field_name) {
+ var form = field.parents('form:first');
+ target_field = $('input[name="' + target_field_name + '"]', form);
+ if (target_field.length > 0) {
+ if (target_field.val() !== field.val()) {
+ target_field_caption = $.fn.uniform.get_label_text(target_field);
+ return $.uniform.i18n('same_as', caption, target_field_caption);
+ }
+ }
+ }
+
+ return true;
+ };
+
+ /**
+ * Valid email address
+ *
+ * @param jQuery field
+ * @param string caption
+ */
+ $.uniform.validators.validateEmail = function (field, caption) {
+ if (field.val().match(/^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/)) {
+ return true;
+ }
+ return $.uniform.i18n('email', caption);
+ };
+
+ /**
+ * Valid URL (http://,https://,ftp://)
+ *
+ * @param jQuery field
+ * @param string caption
+ */
+ $.uniform.validators.validateUrl = function (field, caption) {
+ if (field.val().match(/^(http|https|ftp):\/\/(([A-Z0-9][A-Z0-9_\-]*)(\.[A-Z0-9][A-Z0-9_\-]*)+)(:(\d+))?\/?/i)) {
+ return true;
+ }
+ return $.uniform.i18n('url', caption);
+ };
+
+ /**
+ * Number is only valid value (integers and floats)
+ *
+ * @param jQuery field
+ * @param string caption
+ */
+ $.uniform.validators.validateNumber = function (field, caption) {
+ if (field.val().match(/(^-?\d\d*\.\d*$)|(^-?\d\d*$)|(^-?\.\d\d*$)/) || field.val() === '') {
+ return true;
+ }
+ return $.uniform.i18n('number', caption);
+ };
+
+ /**
+ * Whole numbers are allowed
+ *
+ * @param jQuery field
+ * @param string caption
+ */
+ $.uniform.validators.validateInteger = function (field, caption) {
+ if (field.val().match(/(^-?\d\d*$)/) || field.val() === '') {
+ return true;
+ }
+ return $.uniform.i18n('integer', caption);
+ };
+
+ /**
+ * Letters only
+ *
+ * @param jQuery field
+ * @param string caption
+ */
+ $.uniform.validators.validateAlpha = function (field, caption) {
+ if (field.val().match(/^[a-zA-Z]+$/)) {
+ return true;
+ }
+ return $.uniform.i18n('alpha', caption);
+ };
+
+ /**
+ * Letters and numbers
+ *
+ * @param jQuery field
+ * @param string caption
+ */
+ $.uniform.validators.validateAlphaNum = function (field, caption) {
+ if (field.val().match(/\W/)) {
+ return $.uniform.i18n('alphanum', caption);
+ }
+ return true;
+ };
+
+ /**
+ * Simple phrases
+ *
+ * @param jQuery field
+ * @param string caption
+ */
+ $.uniform.validators.validatePhrase = function (field, caption) {
+ if ((field.val() === '') || field.val().match(/^[\w\d\.\-_\(\)\*'# :,]+$/i)) {
+ return true;
+ }
+ return $.uniform.i18n('phrase', caption);
+ };
+
+ /**
+ * Phone number
+ *
+ * @param jQuery field
+ * @param string caption
+ */
+ $.uniform.validators.validatePhone = function (field, caption) {
+ var phoneNumber = /^\(?(\d{3})\)?[\- ]?(\d{3})[\- ]?(\d{4})$/;
+ if (phoneNumber.test(field.val())) {
+ return true;
+ }
+ return $.uniform.i18n('phone', caption);
+ };
+
+ /**
+ * Date in MM/DD/YYYY format
+ *
+ * @param jQuery field
+ * @param string caption
+ */
+ $.uniform.validators.validateDate = function (field, caption) {
+ if (field.val().match('([0]?[1-9]|[1][0-2])/([0]?[1-9]|[1|2][0-9]|[3][0|1])/([0-9]{4}|[0-9]{2})$')) {
+ return true;
+ }
+ return $.uniform.i18n('date', caption);
+ };
+
+ /**
+ * Callback validator
+ *
+ * Lets you define your own validators. Usage:
+ *
+ *
+ *
+ * This will result in UniForm searching for window.my_callback function and
+ * executing it with field and caption arguments. Sample implementation:
+ *
+ * window.my_callback = function (field, caption) {
+ * if (field.val() === '34') {
+ * return true;
+ * } else {
+ * return caption + ' value should be "34"';
+ * }
+ * }
+ *
+ * @param jQuery field
+ * @param caption
+ */
+ $.uniform.validators.validateCallback = function (field, caption) {
+ var classes = field.attr('class').split(' '),
+ callback_function = '';
+
+ for (var i = 0; i < classes.length; i += 1) {
+ if (classes[i] === 'validateCallback') {
+ if (classes[i + 1] !== 'undefined') {
+ callback_function = classes[i + 1];
+ break;
+ }
+ }
+ }
+
+ if (window[callback_function] !== 'undefined' && (typeof window[callback_function] === 'function')) {
+ return window[callback_function](field, caption);
+ }
+
+ return $.uniform.i18n('callback', caption, callback_function);
+ };
+
+ // Simple replacement for i18n + sprintf
+ // $.uniform.i18n("string_key", sprintf style arguments)
+ $.uniform.i18n = function (lang_key) {
+ var lang_string = $.uniform.language[lang_key],
+ bits = lang_string.split('%'),
+ out = bits[0],
+ re = /^([ds])(.*)$/,
+ p;
+
+ for (var i = 1; i < bits.length; i += 1) {
+ p = re.exec(bits[i]);
+ if (!p || arguments[i] === null) {
+ continue;
+ }
+ if (p[1] === 'd') {
+ out += parseInt(arguments[i], 10);
+ } else if (p[1] === 's') {
+ out += arguments[i];
+ }
+ out += p[2];
+ }
+ return out;
+ };
+
+ // Internationalized language strings for validation messages
+ $.uniform.language = {
+ required : '%s is required',
+ req_radio : 'Please make a selection',
+ req_checkbox : 'You must select this checkbox to continue',
+ minlength : '%s should be at least %d characters long',
+ min : '%s should be greater than or equal to %d',
+ maxlength : '%s should not be longer than %d characters',
+ max : '%s should be less than or equal to %d',
+ same_as : '%s is expected to be same as %s',
+ email : '%s is not a valid email address',
+ url : '%s is not a valid URL',
+ number : '%s needs to be a number',
+ integer : '%s needs to be a whole number',
+ alpha : '%s should contain only letters (without special characters or numbers)',
+ alphanum : '%s should contain only numbers and letters (without special characters)',
+ phrase : '%s should contain only alphabetic characters, numbers, spaces, and the following: . , - _ () * # :',
+ phone : '%s should be a phone number',
+ date : '%s should be a date (mm/dd/yyyy)',
+ callback : 'Failed to validate %s field. Validator function (%s) is not defined!',
+ on_leave : 'Are you sure you want to leave this page without saving this form?',
+ submit_msg : 'Sorry, this form needs corrections.',
+ submit_help : 'Please see the items marked below.',
+ submit_success: 'Thank you, this form has been sent.'
+ };
+
+ $.uniform.default_options = {
+ submit_callback : false,
+ prevent_submit : false,
+ prevent_submit_callback : false,
+ ask_on_leave : false,
+ on_leave_callback : false,
+ valid_class : 'valid',
+ invalid_class : 'invalid',
+ error_class : 'error',
+ focused_class : 'focused',
+ holder_class : 'ctrl-Holder',
+ field_selector : 'input, textarea, select',
+ default_value_color : "#afafaf"
+ };
+
+}(jQuery));
diff --git a/src/uni-form.jquery.js b/src/uni-form.jquery.js
new file mode 100644
index 0000000..b306408
--- /dev/null
+++ b/src/uni-form.jquery.js
@@ -0,0 +1,128 @@
+//
+// Uni-Form jQuery Plugin without Validation
+// =============================================================================
+//
+// Provides form actions for use with the [Uni-Form markup][sprawsm] style
+//
+// Author: Ilija Studen for the purposes of Uni-Form
+//
+// Modified by Aris Karageorgos to use the parents function
+//
+// Modified by Toni Karlheinz to support input fields' text
+// coloring and removal of their initial values on focus
+//
+// Modified by Jason Brumwell for optimization, addition
+// of valid and invalid states and default data attribues
+//
+// Modified by [Craig Davis][there4] with refactoring and unit tests
+//
+// @license MIT http://www.opensource.org/licenses/mit-license.php
+//
+// [sprawsm]: http://sprawsm.com/uni-form/
+// [there4]: http://there4development.com
+//
+/* global jQuery:false */
+(function ($) {
+
+ $.fn.uniform = function (settings) {
+
+ settings = $.extend({
+ valid_class: 'valid',
+ invalid_class: 'invalid',
+ error_class: 'error',
+ focused_class: 'focused',
+ holder_class: 'ctrl-holder',
+ field_selector: 'input, textarea, select',
+ default_value_color: '#afafaf'
+ }, settings);
+
+ return this.each(function () {
+ var form = $(this), validate;
+
+ validate = function ($input, valid, text) {
+ var $p;
+ $p = $input
+ .closest('div.' + settings.holder_class)
+ .andSelf()
+ .toggleClass(settings.invalid_class, !valid)
+ .toggleClass(settings.error_class, !valid)
+ .toggleClass(settings.valid_class, valid)
+ .find('p.form-hint');
+
+ if (!valid && !$p.data('info-text')) {
+ $p.data('info-text', $p.html());
+ } else if (valid) {
+ text = $p.data('info-text');
+ }
+
+ if (text) {
+ $p.html(text);
+ }
+ };
+
+ form.submit(function () {
+ form.find(settings.field_selector).each(function () {
+ if ($(this).val() === $(this).data('default-value')) {
+ $(this).val("");
+ }
+ });
+ });
+
+ // Select form fields and attach the higlighter functionality
+ form.find(settings.field_selector).each(function () {
+ var $input = $(this),
+ value = $input.val();
+
+ $input.data('default-color', $input.css('color'));
+
+ if (value === $input.data('default-value') || ! value) {
+ $input.not('select').css("color", settings.default_value_color);
+ $input.val($input.data('default-value'));
+ }
+ });
+
+ form.delegate(settings.field_selector, 'focus', function () {
+ form
+ .find('.' + settings.focused_class)
+ .removeClass(settings.focused_class);
+
+ var $input = $(this);
+
+ $input
+ .parents()
+ .filter('.' + settings.holder_class + ':first')
+ .addClass(settings.focused_class);
+
+ if ($input.val() === $input.data('default-value')) {
+ $input.val("");
+ }
+
+ $input.not('select').css('color', $input.data('default-color'));
+ });
+
+ form.delegate(settings.field_selector, 'blur', function () {
+ var $input = $(this);
+ form
+ .find('.' + settings.focused_class)
+ .removeClass(settings.focused_class);
+ if ($input.val() === "" ||
+ $input.val() === $input.data('default-value')
+ ) {
+ $input.not('select').css("color", settings.default_value_color);
+ $input.val($input.data('default-value'));
+ } else {
+ $input.css('color', $input.data('default-color'));
+ }
+ });
+
+ form.delegate(settings.field_selector, 'error', function (e, text) {
+ validate($(this), false, text);
+ });
+
+ form.delegate(settings.field_selector, 'success', function () {
+ validate($(this), true);
+ });
+ });
+ };
+
+}(jQuery));