dqs-jquery-form-validator-rails 2.2.163 → 2.2.164

data/app/assets/javascripts/src/setup.js

@@ -0,0 +1,168 @@
+/**
+ * Setup function for the plugin
+ */
+(function ($) {
+
+  'use strict';
+
+
+  /**
+   * A bit smarter split function
+   * delimiter can be space, comma, dash or pipe
+   * @param {String} val
+   * @param {Function|String} [callback]
+   * @returns {Array|void}
+   */
+  $.split = function (val, callback) {
+    if (typeof callback !== 'function') {
+      // return array
+      if (!val) {
+        return [];
+      }
+      var values = [];
+      $.each(val.split(callback ? callback : /[,|\-\s]\s*/g),
+        function (i, str) {
+          str = $.trim(str);
+          if (str.length) {
+            values.push(str);
+          }
+        }
+      );
+      return values;
+    } else if (val) {
+      // exec callback func on each
+      $.each(val.split(/[,|\-\s]\s*/g),
+        function (i, str) {
+          str = $.trim(str);
+          if (str.length) {
+            return callback(str, i);
+          }
+        }
+      );
+    }
+  };
+
+  /**
+   * Short hand function that makes the validation setup require less code
+   * @param conf
+   */
+  $.validate = function (conf) {
+
+    var defaultConf = $.extend($.formUtils.defaultConfig(), {
+      form: 'form',
+      validateOnEvent: false,
+      validateOnBlur: true,
+      validateCheckboxRadioOnClick: true,
+      showHelpOnFocus: true,
+      addSuggestions: true,
+      modules: '',
+      onModulesLoaded: null,
+      language: false,
+      onSuccess: false,
+      onError: false,
+      onElementValidate: false
+    });
+
+    conf = $.extend(defaultConf, conf || {});
+
+    if( conf.lang && conf.lang !== 'en' ) {
+      var langModule = 'lang/'+conf.lang+'.js';
+      conf.modules += conf.modules.length ? ','+langModule : langModule;
+    }
+
+    // Add validation to forms
+    $(conf.form).each(function (i, form) {
+
+      // Make a reference to the config for this form
+      form.validationConfig = conf;
+
+      // Trigger jQuery event that we're about to setup validation
+      var $form = $(form);
+      $.formUtils.$win.trigger('formValidationSetup', [$form, conf]);
+      $form.trigger('formValidationSetup', [conf]);
+
+      // Remove classes and event handlers that might have been
+      // added by a previous call to $.validate
+      $form.find('.has-help-txt')
+          .unbind('focus.validation')
+          .unbind('blur.validation');
+
+      $form
+        .removeClass('has-validation-callback')
+        .unbind('submit.validation')
+        .unbind('reset.validation')
+        .find('input[data-validation],textarea[data-validation]')
+          .unbind('blur.validation');
+
+      // Validate when submitted
+      $form.bind('submit.validation', function () {
+
+        var $form = $(this);
+
+        if ($.formUtils.haltValidation) {
+          // pressing several times on submit button while validation is halted
+          return false;
+        }
+
+        if ($.formUtils.isLoadingModules) {
+          setTimeout(function () {
+            $form.trigger('submit.validation');
+          }, 200);
+          return false;
+        }
+
+        var valid = $form.isValid(conf.language, conf);
+
+        if ($.formUtils.haltValidation) {
+          // Validation got halted by one of the validators
+          return false;
+        } else {
+          if (valid && typeof conf.onSuccess === 'function') {
+            var callbackResponse = conf.onSuccess($form);
+            if (callbackResponse === false) {
+              return false;
+            }
+          } else if (!valid && typeof conf.onError === 'function') {
+            conf.onError($form);
+            return false;
+          } else {
+            return valid;
+          }
+        }
+      })
+      .bind('reset.validation', function () {
+        var $this = $(this),
+            $elems = $this.find('.' + conf.errorElementClass + ',.valid');
+        $this.find('.' + conf.errorMessageClass + '.alert').remove();
+        $.formUtils.errorDialogs.removeErrorStyling($elems, conf);
+      })
+      .addClass('has-validation-callback');
+
+      if (conf.showHelpOnFocus) {
+        $form.showHelpOnFocus();
+      }
+      if (conf.addSuggestions) {
+        $form.addSuggestions();
+      }
+      if (conf.validateOnBlur) {
+        $form.validateOnBlur(conf.language, conf);
+        $form.bind('html5ValidationAttrsFound', function () {
+          $form.validateOnBlur(conf.language, conf);
+        });
+      }
+      if (conf.validateOnEvent) {
+        $form.validateOnEvent(conf.language, conf);
+      }
+    });
+
+    if (conf.modules !== '') {
+      $.formUtils.loadModules(conf.modules, false, function() {
+        if (typeof conf.onModulesLoaded === 'function') {
+          conf.onModulesLoaded();
+        }
+        $.formUtils.$win.trigger('validatorsLoaded', [typeof conf.form === 'string' ? $(conf.form) : conf.form, conf]);
+      });
+    }
+  };
+
+})(jQuery);

data/app/assets/javascripts/src/utils.js

@@ -0,0 +1,840 @@
+/**
+ * Utility methods and properties attached to $.formUtils
+ */
+(function($, window) {
+
+  'use strict';
+
+  var $win = $(window);
+
+  $.formUtils = $.extend($.formUtils || {}, {
+
+    $win: $win,
+
+    /**
+     * Default config for $(...).isValid();
+     */
+    defaultConfig: function () {
+      return {
+        ignore: [], // Names of inputs not to be validated even though node attribute containing the validation rules tells us to
+        errorElementClass: 'error', // Class that will be put on elements which value is invalid
+        borderColorOnError: '#b94a48', // Border color of elements which value is invalid, empty string to not change border color
+        errorMessageClass: 'form-error', // class name of div containing error messages when validation fails
+        validationRuleAttribute: 'data-validation', // name of the attribute holding the validation rules
+        validationErrorMsgAttribute: 'data-validation-error-msg', // define custom err msg inline with element
+        errorMessagePosition: 'element', // Can be either "top" or "element" or "custom"
+        errorMessageTemplate: {
+          container: '<div class="{errorMessageClass} alert alert-danger">{messages}</div>',
+          messages: '<strong>{errorTitle}</strong><ul>{fields}</ul>',
+          field: '<li>{msg}</li>'
+        },
+        errorMessageCustom: this.errorDialogs.setTemplateMessage,
+        scrollToTopOnError: true,
+        dateFormat: 'yyyy-mm-dd',
+        addValidClassOnAll: false, // whether or not to apply class="valid" even if the input wasn't validated
+        decimalSeparator: '.',
+        inputParentClassOnError: 'has-error', // twitter-bootstrap default class name
+        inputParentClassOnSuccess: 'has-success', // twitter-bootstrap default class name
+        validateHiddenInputs: false // whether or not hidden inputs should be validated
+      };
+    },
+
+    /**
+     * Available validators
+     */
+    validators: {},
+
+    /**
+     * Events triggered by form validator
+     */
+    _events: {load: [], valid: [], invalid: []},
+
+    /**
+     * Setting this property to true during validation will
+     * stop further validation from taking place and form will
+     * not be sent
+     */
+    haltValidation: false,
+
+    /**
+     * This variable will be true $.fn.isValid() is called
+     * and false when $.fn.validateOnBlur is called
+     */
+    isValidatingEntireForm: false,
+
+    /**
+     * Function for adding a validator
+     * @param {Object} validator
+     */
+    addValidator: function (validator) {
+      // prefix with "validate_" for backward compatibility reasons
+      var name = validator.name.indexOf('validate_') === 0 ? validator.name : 'validate_' + validator.name;
+      if (validator.validateOnKeyUp === undefined) {
+        validator.validateOnKeyUp = true;
+      }
+      this.validators[name] = validator;
+    },
+
+    /**
+     * @var {Boolean}
+     */
+    isLoadingModules: false,
+
+    /**
+     * @var {Object}
+     */
+    loadedModules: {},
+
+    /**
+     * @example
+     *  $.formUtils.loadModules('date, security.dev');
+     *
+     * Will load the scripts date.js and security.dev.js from the
+     * directory where this script resides. If you want to load
+     * the modules from another directory you can use the
+     * path argument.
+     *
+     * The script will be cached by the browser unless the module
+     * name ends with .dev
+     *
+     * @param {String} modules - Comma separated string with module file names (no directory nor file extension)
+     * @param {String} [path] - Optional, path where the module files is located if their not in the same directory as the core modules
+     * @param {Boolean|function} [fireEvent] - Optional, whether or not to fire event 'load' when modules finished loading
+     */
+    loadModules: function (modules, path, fireEvent) {
+
+      if (fireEvent === undefined) {
+        fireEvent = true;
+      }
+
+      if ($.formUtils.isLoadingModules) {
+        setTimeout(function () {
+          $.formUtils.loadModules(modules, path, fireEvent);
+        });
+        return;
+      }
+
+      var hasLoadedAnyModule = false,
+        loadModuleScripts = function (modules, path) {
+
+          var moduleList = $.split(modules),
+            numModules = moduleList.length,
+            moduleLoadedCallback = function () {
+              numModules--;
+              if (numModules === 0) {
+                $.formUtils.isLoadingModules = false;
+                if (fireEvent && hasLoadedAnyModule) {
+                  if( typeof fireEvent === 'function' ) {
+                    fireEvent();
+                  } else {
+                    $win.trigger('validatorsLoaded');
+                  }
+                }
+              }
+            };
+
+
+          if (numModules > 0) {
+            $.formUtils.isLoadingModules = true;
+          }
+
+          var cacheSuffix = '?_=' + ( new Date().getTime() ),
+            appendToElement = document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0];
+
+          $.each(moduleList, function (i, modName) {
+            modName = $.trim(modName);
+            if (modName.length === 0) {
+              moduleLoadedCallback();
+            }
+            else {
+              var scriptUrl = path + modName + (modName.slice(-3) === '.js' ? '' : '.js'),
+                script = document.createElement('SCRIPT');
+
+              if (scriptUrl in $.formUtils.loadedModules) {
+                // already loaded
+                moduleLoadedCallback();
+              }
+              else {
+
+                // Remember that this script is loaded
+                $.formUtils.loadedModules[scriptUrl] = 1;
+                hasLoadedAnyModule = true;
+
+                // Load the script
+                script.type = 'text/javascript';
+                script.onload = moduleLoadedCallback;
+                script.src = scriptUrl + ( scriptUrl.slice(-7) === '.dev.js' ? cacheSuffix : '' );
+                script.onerror = function() {
+                  $.formUtils.warn('Unable to load form validation module '+scriptUrl);
+                };
+                script.onreadystatechange = function () {
+                  // IE 7 fix
+                  if (this.readyState === 'complete' || this.readyState === 'loaded') {
+                    moduleLoadedCallback();
+                    // Handle memory leak in IE
+                    this.onload = null;
+                    this.onreadystatechange = null;
+                  }
+                };
+                appendToElement.appendChild(script);
+              }
+            }
+          });
+        };
+
+      if (path) {
+        loadModuleScripts(modules, path);
+      } else {
+        var findScriptPathAndLoadModules = function () {
+          var foundPath = false;
+          $('script[src*="form-validator"]').each(function () {
+            foundPath = this.src.substr(0, this.src.lastIndexOf('/')) + '/';
+            if (foundPath === '/') {
+              foundPath = '';
+            }
+            return false;
+          });
+
+          if (foundPath !== false) {
+            loadModuleScripts(modules, foundPath);
+            return true;
+          }
+          return false;
+        };
+
+        if (!findScriptPathAndLoadModules()) {
+          $(findScriptPathAndLoadModules);
+        }
+      }
+    },
+
+    /**
+     * Warn user via the console if available
+     */
+    warn: function(msg) {
+      if( 'console' in window ) {
+        if( typeof window.console.warn === 'function' ) {
+          window.console.warn(msg);
+        } else if( typeof window.console.log === 'function' ) {
+          window.console.log(msg);
+        }
+      } else {
+        alert(msg);
+      }
+    },
+
+    /**
+     * Validate the value of given element according to the validation rules
+     * found in the attribute data-validation. Will return an object representing
+     * a validation result, having the props shouldChangeDisplay, isValid and errorMsg
+     * @param {jQuery} $elem
+     * @param {Object} language ($.formUtils.LANG)
+     * @param {Object} conf
+     * @param {jQuery} $form
+     * @param {String} [eventContext]
+     * @return {Object}
+     */
+    validateInput: function ($elem, language, conf, $form, eventContext) {
+
+      $elem.trigger('beforeValidation');
+      conf = conf || $.formUtils.defaultConfig();
+      language = language || $.formUtils.LANG;
+
+      var value = $elem.val() || '',
+        result = {isValid: true, shouldChangeDisplay:true, errorMsg:''},
+        optional = $elem.valAttr('optional'),
+
+      // test if a checkbox forces this element to be validated
+        validationDependsOnCheckedInput = false,
+        validationDependentInputIsChecked = false,
+        validateIfCheckedElement = false,
+
+      // get value of this element's attribute "... if-checked"
+        validateIfCheckedElementName = $elem.valAttr('if-checked'),
+      // get expected radio button value for "if-checked" optional validation
+        validateIfCheckedElementValue = $elem.valAttr('if-checked-value');
+
+
+      if ($elem.attr('disabled') || (!$elem.is(':visible') && !conf.validateHiddenInputs)) {
+        result.shouldChangeDisplay = false;
+        return result;
+      }
+
+      // make sure we can proceed
+      if (validateIfCheckedElementName != null) {
+
+        // Set the boolean telling us that the validation depends
+        // on another input being checked
+        validationDependsOnCheckedInput = true;
+
+        // select the checkbox type element in this form
+        validateIfCheckedElement = $form.find('input[name="' + validateIfCheckedElementName + '"]');
+
+        // test if check input value
+        if (validateIfCheckedElementValue != null) {
+          validateIfCheckedElement.each(function(index, el) {
+            // test if it's property "checked" is checked and value equals expected value
+            if ($(el).prop('checked') && $(el).val() === validateIfCheckedElementValue) {
+              validationDependentInputIsChecked = true;
+            }
+          });
+        }
+        else {
+          // test if it's property "checked" is checked
+          if (validateIfCheckedElement.prop('checked')) {
+            // set value for validation checkpoint
+            validationDependentInputIsChecked = true;
+          }
+        }
+      }
+
+
+      // For input type="number", browsers attempt to parse the entered value into a number.
+      // If the input is not numeric, browsers handle the situation differently:
+      // Chrome 48 simply disallows non-numeric input; FF 44 clears out the input box on blur;
+      // Safari 5 parses the entered string to find a leading number.
+      // If the input fails browser validation, the browser sets the input value equal to an empty string.
+      // Therefore, we cannot distinguish (apart from hacks) between an empty input type="text" and one with a
+      // value that can't be parsed by the browser.
+
+      // validation checkpoint
+      // if empty AND optional attribute is present
+      // OR depending on a checkbox being checked AND checkbox is checked, return true
+      if ((!value && optional === 'true') || (validationDependsOnCheckedInput && !validationDependentInputIsChecked)) {
+        result.shouldChangeDisplay = conf.addValidClassOnAll;
+        return result;
+      }
+
+      var validationRules = $elem.attr(conf.validationRuleAttribute),
+
+      // see if form element has inline err msg attribute
+        validationErrorMsg = true;
+
+      if (!validationRules) {
+        result.shouldChangeDisplay = conf.addValidClassOnAll;
+        return result;
+      }
+
+      // Filter out specified characters
+      var ignore = $elem.valAttr('ignore');
+      if( ignore ) {
+        $.each(ignore.split(''), function(i, char) {
+          value = value.replace(new RegExp('\\'+char), '');
+        });
+      }
+
+      $.split(validationRules, function (rule) {
+        if (rule.indexOf('validate_') !== 0) {
+          rule = 'validate_' + rule;
+        }
+
+        var validator = $.formUtils.validators[rule];
+
+        if (validator && typeof validator.validatorFunction === 'function') {
+
+          // special change of element for checkbox_group rule
+          if (rule === 'validate_checkbox_group') {
+            // set element to first in group, so error msg attr doesn't need to be set on all elements in group
+            $elem = $form.find('[name="' + $elem.attr('name') + '"]:eq(0)');
+          }
+
+          var isValid = null;
+          if (eventContext !== 'keyup' || validator.validateOnKeyUp) {
+            isValid = validator.validatorFunction(value, $elem, conf, language, $form);
+          }
+
+          if (!isValid) {
+            validationErrorMsg = null;
+            if (isValid !== null) {
+              validationErrorMsg = $elem.attr(conf.validationErrorMsgAttribute + '-' + rule.replace('validate_', ''));
+              if (!validationErrorMsg) {
+                validationErrorMsg = $elem.attr(conf.validationErrorMsgAttribute);
+                if (!validationErrorMsg) {
+                  if (typeof validator.errorMessageKey !== 'function') {
+                    validationErrorMsg = language[validator.errorMessageKey];
+                  }
+                  else {
+                    validationErrorMsg = language[validator.errorMessageKey(conf)];
+                  }
+                  if (!validationErrorMsg) {
+                    validationErrorMsg = validator.errorMessage;
+                  }
+                }
+              }
+            }
+            return false; // break iteration
+          }
+
+        } else {
+
+          throw new Error('Using undefined validator "' + rule +
+            '". Maybe you have forgotten to load the module that "' + rule +'" belongs to?');
+
+        }
+
+      }, ' ');
+
+      if (typeof validationErrorMsg === 'string') {
+        $elem.trigger('validation', false);
+        result.errorMsg = validationErrorMsg;
+        result.isValid = false;
+        result.shouldChangeDisplay = true;
+      } else if (validationErrorMsg === null) {
+        result.shouldChangeDisplay = conf.addValidClassOnAll;
+      } else {
+        $elem.trigger('validation', true);
+        result.shouldChangeDisplay = true;
+      }
+
+      // Run element validation callback
+      if (typeof conf.onElementValidate === 'function' && validationErrorMsg !== null) {
+        conf.onElementValidate(result.isValid, $elem, $form, validationErrorMsg);
+      }
+
+      return result;
+    },
+
+    /**
+     * Is it a correct date according to given dateFormat. Will return false if not, otherwise
+     * an array 0=>year 1=>month 2=>day
+     *
+     * @param {String} val
+     * @param {String} dateFormat
+     * @param {Boolean} [addMissingLeadingZeros]
+     * @return {Array}|{Boolean}
+     */
+    parseDate: function (val, dateFormat, addMissingLeadingZeros) {
+      var divider = dateFormat.replace(/[a-zA-Z]/gi, '').substring(0, 1),
+        regexp = '^',
+        formatParts = dateFormat.split(divider || null),
+        matches, day, month, year;
+
+      $.each(formatParts, function (i, part) {
+        regexp += (i > 0 ? '\\' + divider : '') + '(\\d{' + part.length + '})';
+      });
+
+      regexp += '$';
+
+      if (addMissingLeadingZeros) {
+        var newValueParts = [];
+        $.each(val.split(divider), function(i, part) {
+          if(part.length === 1) {
+            part = '0'+part;
+          }
+          newValueParts.push(part);
+        });
+        val = newValueParts.join(divider);
+      }
+
+      matches = val.match(new RegExp(regexp));
+      if (matches === null) {
+        return false;
+      }
+
+      var findDateUnit = function (unit, formatParts, matches) {
+        for (var i = 0; i < formatParts.length; i++) {
+          if (formatParts[i].substring(0, 1) === unit) {
+            return $.formUtils.parseDateInt(matches[i + 1]);
+          }
+        }
+        return -1;
+      };
+
+      month = findDateUnit('m', formatParts, matches);
+      day = findDateUnit('d', formatParts, matches);
+      year = findDateUnit('y', formatParts, matches);
+
+      if ((month === 2 && day > 28 && (year % 4 !== 0 || year % 100 === 0 && year % 400 !== 0)) ||
+        (month === 2 && day > 29 && (year % 4 === 0 || year % 100 !== 0 && year % 400 === 0)) ||
+        month > 12 || month === 0) {
+        return false;
+      }
+      if ((this.isShortMonth(month) && day > 30) || (!this.isShortMonth(month) && day > 31) || day === 0) {
+        return false;
+      }
+
+      return [year, month, day];
+    },
+
+    /**
+     * skum fix. är talet 05 eller lägre ger parseInt rätt int annars får man 0 när man kör parseInt?
+     *
+     * @param {String} val
+     * @return {Number}
+     */
+    parseDateInt: function (val) {
+      if (val.indexOf('0') === 0) {
+        val = val.replace('0', '');
+      }
+      return parseInt(val, 10);
+    },
+
+    /**
+     * Has month only 30 days?
+     *
+     * @param {Number} m
+     * @return {Boolean}
+     */
+    isShortMonth: function (m) {
+      return (m % 2 === 0 && m < 7) || (m % 2 !== 0 && m > 7);
+    },
+
+    /**
+     * Restrict input length
+     *
+     * @param {jQuery} $inputElement Jquery Html object
+     * @param {jQuery} $maxLengthElement jQuery Html Object
+     * @return void
+     */
+    lengthRestriction: function ($inputElement, $maxLengthElement) {
+      // read maxChars from counter display initial text value
+      var maxChars = parseInt($maxLengthElement.text(), 10),
+        charsLeft = 0,
+
+      // internal function does the counting and sets display value
+        countCharacters = function () {
+          var numChars = $inputElement.val().length;
+          if (numChars > maxChars) {
+            // get current scroll bar position
+            var currScrollTopPos = $inputElement.scrollTop();
+            // trim value to max length
+            $inputElement.val($inputElement.val().substring(0, maxChars));
+            $inputElement.scrollTop(currScrollTopPos);
+          }
+          charsLeft = maxChars - numChars;
+          if (charsLeft < 0) {
+            charsLeft = 0;
+          }
+
+          // set counter text
+          $maxLengthElement.text(charsLeft);
+        };
+
+      // bind events to this element
+      // setTimeout is needed, cut or paste fires before val is available
+      $($inputElement).bind('keydown keyup keypress focus blur', countCharacters)
+        .bind('cut paste', function () {
+          setTimeout(countCharacters, 100);
+        });
+
+      // count chars on pageload, if there are prefilled input-values
+      $(document).bind('ready', countCharacters);
+    },
+
+    /**
+     * Test numeric against allowed range
+     *
+     * @param $value int
+     * @param $rangeAllowed str; (1-2, min1, max2, 10)
+     * @return array
+     */
+    numericRangeCheck: function (value, rangeAllowed) {
+      // split by dash
+      var range = $.split(rangeAllowed),
+      // min or max
+        minmax = parseInt(rangeAllowed.substr(3), 10);
+
+      if( range.length === 1 && rangeAllowed.indexOf('min') === -1 && rangeAllowed.indexOf('max') === -1 ) {
+        range = [rangeAllowed, rangeAllowed]; // only a number, checking agains an exact number of characters
+      }
+
+      // range ?
+      if (range.length === 2 && (value < parseInt(range[0], 10) || value > parseInt(range[1], 10) )) {
+        return [ 'out', range[0], range[1] ];
+      } // value is out of range
+      else if (rangeAllowed.indexOf('min') === 0 && (value < minmax )) // min
+      {
+        return ['min', minmax];
+      } // value is below min
+      else if (rangeAllowed.indexOf('max') === 0 && (value > minmax )) // max
+      {
+        return ['max', minmax];
+      } // value is above max
+      // since no other returns executed, value is in allowed range
+      return [ 'ok' ];
+    },
+
+
+    _numSuggestionElements: 0,
+    _selectedSuggestion: null,
+    _previousTypedVal: null,
+
+    /**
+     * Utility function that can be used to create plugins that gives
+     * suggestions when inputs is typed into
+     * @param {jQuery} $elem
+     * @param {Array} suggestions
+     * @param {Object} settings - Optional
+     * @return {jQuery}
+     */
+    suggest: function ($elem, suggestions, settings) {
+      var conf = {
+          css: {
+            maxHeight: '150px',
+            background: '#FFF',
+            lineHeight: '150%',
+            textDecoration: 'underline',
+            overflowX: 'hidden',
+            overflowY: 'auto',
+            border: '#CCC solid 1px',
+            borderTop: 'none',
+            cursor: 'pointer'
+          },
+          activeSuggestionCSS: {
+            background: '#E9E9E9'
+          }
+        },
+        setSuggsetionPosition = function ($suggestionContainer, $input) {
+          var offset = $input.offset();
+          $suggestionContainer.css({
+            width: $input.outerWidth(),
+            left: offset.left + 'px',
+            top: (offset.top + $input.outerHeight()) + 'px'
+          });
+        };
+
+      if (settings) {
+        $.extend(conf, settings);
+      }
+
+      conf.css.position = 'absolute';
+      conf.css['z-index'] = 9999;
+      $elem.attr('autocomplete', 'off');
+
+      if (this._numSuggestionElements === 0) {
+        // Re-position suggestion container if window size changes
+        $win.bind('resize', function () {
+          $('.jquery-form-suggestions').each(function () {
+            var $container = $(this),
+              suggestID = $container.attr('data-suggest-container');
+            setSuggsetionPosition($container, $('.suggestions-' + suggestID).eq(0));
+          });
+        });
+      }
+
+      this._numSuggestionElements++;
+
+      var onSelectSuggestion = function ($el) {
+        var suggestionId = $el.valAttr('suggestion-nr');
+        $.formUtils._selectedSuggestion = null;
+        $.formUtils._previousTypedVal = null;
+        $('.jquery-form-suggestion-' + suggestionId).fadeOut('fast');
+      };
+
+      $elem
+        .data('suggestions', suggestions)
+        .valAttr('suggestion-nr', this._numSuggestionElements)
+        .unbind('focus.suggest')
+        .bind('focus.suggest', function () {
+          $(this).trigger('keyup');
+          $.formUtils._selectedSuggestion = null;
+        })
+        .unbind('keyup.suggest')
+        .bind('keyup.suggest', function () {
+          var $input = $(this),
+            foundSuggestions = [],
+            val = $.trim($input.val()).toLocaleLowerCase();
+
+          if (val === $.formUtils._previousTypedVal) {
+            return;
+          }
+          else {
+            $.formUtils._previousTypedVal = val;
+          }
+
+          var hasTypedSuggestion = false,
+            suggestionId = $input.valAttr('suggestion-nr'),
+            $suggestionContainer = $('.jquery-form-suggestion-' + suggestionId);
+
+          $suggestionContainer.scrollTop(0);
+
+          // Find the right suggestions
+          if (val !== '') {
+            var findPartial = val.length > 2;
+            $.each($input.data('suggestions'), function (i, suggestion) {
+              var lowerCaseVal = suggestion.toLocaleLowerCase();
+              if (lowerCaseVal === val) {
+                foundSuggestions.push('<strong>' + suggestion + '</strong>');
+                hasTypedSuggestion = true;
+                return false;
+              } else if (lowerCaseVal.indexOf(val) === 0 || (findPartial && lowerCaseVal.indexOf(val) > -1)) {
+                foundSuggestions.push(suggestion.replace(new RegExp(val, 'gi'), '<strong>$&</strong>'));
+              }
+            });
+          }
+
+          // Hide suggestion container
+          if (hasTypedSuggestion || (foundSuggestions.length === 0 && $suggestionContainer.length > 0)) {
+            $suggestionContainer.hide();
+          }
+
+          // Create suggestion container if not already exists
+          else if (foundSuggestions.length > 0 && $suggestionContainer.length === 0) {
+            $suggestionContainer = $('<div></div>').css(conf.css).appendTo('body');
+            $elem.addClass('suggestions-' + suggestionId);
+            $suggestionContainer
+              .attr('data-suggest-container', suggestionId)
+              .addClass('jquery-form-suggestions')
+              .addClass('jquery-form-suggestion-' + suggestionId);
+          }
+
+          // Show hidden container
+          else if (foundSuggestions.length > 0 && !$suggestionContainer.is(':visible')) {
+            $suggestionContainer.show();
+          }
+
+          // add suggestions
+          if (foundSuggestions.length > 0 && val.length !== foundSuggestions[0].length) {
+
+            // put container in place every time, just in case
+            setSuggsetionPosition($suggestionContainer, $input);
+
+            // Add suggestions HTML to container
+            $suggestionContainer.html('');
+            $.each(foundSuggestions, function (i, text) {
+              $('<div></div>')
+                .append(text)
+                .css({
+                  overflow: 'hidden',
+                  textOverflow: 'ellipsis',
+                  whiteSpace: 'nowrap',
+                  padding: '5px'
+                })
+                .addClass('form-suggest-element')
+                .appendTo($suggestionContainer)
+                .click(function () {
+                  $input.focus();
+                  $input.val($(this).text());
+                  onSelectSuggestion($input);
+                });
+            });
+          }
+        })
+        .unbind('keydown.validation')
+        .bind('keydown.validation', function (e) {
+          var code = (e.keyCode ? e.keyCode : e.which),
+            suggestionId,
+            $suggestionContainer,
+            $input = $(this);
+
+          if (code === 13 && $.formUtils._selectedSuggestion !== null) {
+            suggestionId = $input.valAttr('suggestion-nr');
+            $suggestionContainer = $('.jquery-form-suggestion-' + suggestionId);
+            if ($suggestionContainer.length > 0) {
+              var newText = $suggestionContainer.find('div').eq($.formUtils._selectedSuggestion).text();
+              $input.val(newText);
+              onSelectSuggestion($input);
+              e.preventDefault();
+            }
+          }
+          else {
+            suggestionId = $input.valAttr('suggestion-nr');
+            $suggestionContainer = $('.jquery-form-suggestion-' + suggestionId);
+            var $suggestions = $suggestionContainer.children();
+            if ($suggestions.length > 0 && $.inArray(code, [38, 40]) > -1) {
+              if (code === 38) { // key up
+                if ($.formUtils._selectedSuggestion === null) {
+                  $.formUtils._selectedSuggestion = $suggestions.length - 1;
+                }
+                else{
+                  $.formUtils._selectedSuggestion--;
+                }
+                if ($.formUtils._selectedSuggestion < 0) {
+                  $.formUtils._selectedSuggestion = $suggestions.length - 1;
+                }
+              }
+              else if (code === 40) { // key down
+                if ($.formUtils._selectedSuggestion === null) {
+                  $.formUtils._selectedSuggestion = 0;
+                }
+                else {
+                  $.formUtils._selectedSuggestion++;
+                }
+                if ($.formUtils._selectedSuggestion > ($suggestions.length - 1)) {
+                  $.formUtils._selectedSuggestion = 0;
+                }
+              }
+
+              // Scroll in suggestion window
+              var containerInnerHeight = $suggestionContainer.innerHeight(),
+                containerScrollTop = $suggestionContainer.scrollTop(),
+                suggestionHeight = $suggestionContainer.children().eq(0).outerHeight(),
+                activeSuggestionPosY = suggestionHeight * ($.formUtils._selectedSuggestion);
+
+              if (activeSuggestionPosY < containerScrollTop || activeSuggestionPosY > (containerScrollTop + containerInnerHeight)) {
+                $suggestionContainer.scrollTop(activeSuggestionPosY);
+              }
+
+              $suggestions
+                .removeClass('active-suggestion')
+                .css('background', 'none')
+                .eq($.formUtils._selectedSuggestion)
+                .addClass('active-suggestion')
+                .css(conf.activeSuggestionCSS);
+
+              e.preventDefault();
+              return false;
+            }
+          }
+        })
+        .unbind('blur.suggest')
+        .bind('blur.suggest', function () {
+          onSelectSuggestion($(this));
+        });
+
+      return $elem;
+    },
+
+    /**
+     * Error dialogs
+     *
+     * @var {Object}
+     */
+    LANG: {
+      errorTitle: 'Form submission failed!',
+      requiredField: 'This is a required field',
+      requiredFields: 'You have not answered all required fields',
+      badTime: 'You have not given a correct time',
+      badEmail: 'You have not given a correct e-mail address',
+      badTelephone: 'You have not given a correct phone number',
+      badSecurityAnswer: 'You have not given a correct answer to the security question',
+      badDate: 'You have not given a correct date',
+      lengthBadStart: 'The input value must be between ',
+      lengthBadEnd: ' characters',
+      lengthTooLongStart: 'The input value is longer than ',
+      lengthTooShortStart: 'The input value is shorter than ',
+      notConfirmed: 'Input values could not be confirmed',
+      badDomain: 'Incorrect domain value',
+      badUrl: 'The input value is not a correct URL',
+      badCustomVal: 'The input value is incorrect',
+      andSpaces: ' and spaces ',
+      badInt: 'The input value was not a correct number',
+      badSecurityNumber: 'Your social security number was incorrect',
+      badUKVatAnswer: 'Incorrect UK VAT Number',
+      badStrength: 'The password isn\'t strong enough',
+      badNumberOfSelectedOptionsStart: 'You have to choose at least ',
+      badNumberOfSelectedOptionsEnd: ' answers',
+      badAlphaNumeric: 'The input value can only contain alphanumeric characters ',
+      badAlphaNumericExtra: ' and ',
+      wrongFileSize: 'The file you are trying to upload is too large (max %s)',
+      wrongFileType: 'Only files of type %s is allowed',
+      groupCheckedRangeStart: 'Please choose between ',
+      groupCheckedTooFewStart: 'Please choose at least ',
+      groupCheckedTooManyStart: 'Please choose a maximum of ',
+      groupCheckedEnd: ' item(s)',
+      badCreditCard: 'The credit card number is not correct',
+      badCVV: 'The CVV number was not correct',
+      wrongFileDim : 'Incorrect image dimensions,',
+      imageTooTall : 'the image can not be taller than',
+      imageTooWide : 'the image can not be wider than',
+      imageTooSmall : 'the image was too small',
+      min : 'min',
+      max : 'max',
+      imageRatioNotAccepted : 'Image ratio is not be accepted',
+      badBrazilTelephoneAnswer: 'The phone number entered is invalid',
+      badBrazilCEPAnswer: 'The CEP entered is invalid',
+      badBrazilCPFAnswer: 'The CPF entered is invalid'
+    }
+  });
+
+})(jQuery, window);