dqs-jquery-form-validator-rails 2.2.8 → 2.2.163p1

data/app/assets/javascripts/src/core-validators.js

@@ -0,0 +1,343 @@
+/**
+ * File declaring all default validators.
+ */
+(function($) {
+
+  /*
+   * Validate email
+   */
+  $.formUtils.addValidator({
+    name: 'email',
+    validatorFunction: function (email) {
+
+      var emailParts = email.toLowerCase().split('@'),
+        localPart = emailParts[0],
+        domain = emailParts[1];
+
+      if (localPart && domain) {
+
+        if( localPart.indexOf('"') === 0 ) {
+          var len = localPart.length;
+          localPart = localPart.replace(/\"/g, '');
+          if( localPart.length !== (len-2) ) {
+            return false; // It was not allowed to have more than two apostrophes
+          }
+        }
+
+        return $.formUtils.validators.validate_domain.validatorFunction(emailParts[1]) &&
+          localPart.indexOf('.') !== 0 &&
+          localPart.substring(localPart.length-1, localPart.length) !== '.' &&
+          localPart.indexOf('..') === -1 &&
+          !(/[^\w\+\.\-\#\-\_\~\!\$\&\'\(\)\*\+\,\;\=\:]/.test(localPart));
+      }
+
+      return false;
+    },
+    errorMessage: '',
+    errorMessageKey: 'badEmail'
+  });
+
+  /*
+   * Validate domain name
+   */
+  $.formUtils.addValidator({
+    name: 'domain',
+    validatorFunction: function (val) {
+      return val.length > 0 &&
+        val.length <= 253 && // Including sub domains
+        !(/[^a-zA-Z0-9]/.test(val.slice(-2))) && !(/[^a-zA-Z0-9]/.test(val.substr(0, 1))) && !(/[^a-zA-Z0-9\.\-]/.test(val)) &&
+        val.split('..').length === 1 &&
+        val.split('.').length > 1;
+    },
+    errorMessage: '',
+    errorMessageKey: 'badDomain'
+  });
+
+  /*
+   * Validate required
+   */
+  $.formUtils.addValidator({
+    name: 'required',
+    validatorFunction: function (val, $el, config, language, $form) {
+      switch ($el.attr('type')) {
+        case 'checkbox':
+          return $el.is(':checked');
+        case 'radio':
+          return $form.find('input[name="' + $el.attr('name') + '"]').filter(':checked').length > 0;
+        default:
+          return $.trim(val) !== '';
+      }
+    },
+    errorMessage: '',
+    errorMessageKey: function(config) {
+      if (config.errorMessagePosition === 'top' || config.errorMessagePosition === 'custom') {
+        return 'requiredFields';
+      }
+      else {
+        return 'requiredField';
+      }
+    }
+  });
+
+  /*
+   * Validate length range
+   */
+  $.formUtils.addValidator({
+    name: 'length',
+    validatorFunction: function (val, $el, conf, lang) {
+      var lengthAllowed = $el.valAttr('length'),
+        type = $el.attr('type');
+
+      if (lengthAllowed === undefined) {
+        alert('Please add attribute "data-validation-length" to ' + $el[0].nodeName + ' named ' + $el.attr('name'));
+        return true;
+      }
+
+      // check if length is above min, below max or within range.
+      var len = type === 'file' && $el.get(0).files !== undefined ? $el.get(0).files.length : val.length,
+        lengthCheckResults = $.formUtils.numericRangeCheck(len, lengthAllowed),
+        checkResult;
+
+      switch (lengthCheckResults[0]) {   // outside of allowed range
+        case 'out':
+          this.errorMessage = lang.lengthBadStart + lengthAllowed + lang.lengthBadEnd;
+          checkResult = false;
+          break;
+        // too short
+        case 'min':
+          this.errorMessage = lang.lengthTooShortStart + lengthCheckResults[1] + lang.lengthBadEnd;
+          checkResult = false;
+          break;
+        // too long
+        case 'max':
+          this.errorMessage = lang.lengthTooLongStart + lengthCheckResults[1] + lang.lengthBadEnd;
+          checkResult = false;
+          break;
+        // ok
+        default:
+          checkResult = true;
+      }
+
+      return checkResult;
+    },
+    errorMessage: '',
+    errorMessageKey: ''
+  });
+
+  /*
+   * Validate url
+   */
+  $.formUtils.addValidator({
+    name: 'url',
+    validatorFunction: function (url) {
+      // written by Scott Gonzalez: http://projects.scottsplayground.com/iri/
+      // - Victor Jonsson added support for arrays in the url ?arg[]=sdfsdf
+      // - General improvements made by Stéphane Moureau <https://github.com/TraderStf>
+
+      var urlFilter = /^(https?|ftp):\/\/((((\w|-|\.|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])(\w|-|\.|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])(\w|-|\.|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/(((\w|-|\.|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/((\w|-|\.|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-z]|\d|\[|\]|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#(((\w|-|\.|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i;
+      if (urlFilter.test(url)) {
+        var domain = url.split('://')[1],
+          domainSlashPos = domain.indexOf('/');
+
+        if (domainSlashPos > -1) {
+          domain = domain.substr(0, domainSlashPos);
+        }
+
+        return $.formUtils.validators.validate_domain.validatorFunction(domain); // todo: add support for IP-addresses
+      }
+      return false;
+    },
+    errorMessage: '',
+    errorMessageKey: 'badUrl'
+  });
+
+  /*
+   * Validate number (floating or integer)
+   */
+  $.formUtils.addValidator({
+    name: 'number',
+    validatorFunction: function (val, $el, conf) {
+      if (val !== '') {
+        var allowing = $el.valAttr('allowing') || '',
+          decimalSeparator = $el.valAttr('decimal-separator') || conf.decimalSeparator,
+          allowsRange = false,
+          begin, end,
+          steps = $el.valAttr('step') || '',
+          allowsSteps = false;
+
+        var sanitize = $el.attr('data-sanitize') || '';
+        var isFormattedWithNumeral = sanitize.split(/\s/).find(function (name) {
+          return (name === 'numberFormat');
+        });
+        if (isFormattedWithNumeral) {
+          if (!window.numeral) {
+            throw new ReferenceError('The data-sanitize value numberFormat cannot be used without the numeral' +
+              ' library. Please see Data Validation in http://www.formvalidator.net for more information.');
+          }
+          //Unformat input first, then convert back to String
+          val = String(numeral().unformat(val));
+        }
+
+        if (allowing.indexOf('number') === -1) {
+          allowing += ',number';
+        }
+
+        if (allowing.indexOf('negative') === -1 && val.indexOf('-') === 0) {
+          return false;
+        }
+
+        if (allowing.indexOf('range') > -1) {
+          begin = parseFloat(allowing.substring(allowing.indexOf('[') + 1, allowing.indexOf(';')));
+          end = parseFloat(allowing.substring(allowing.indexOf(';') + 1, allowing.indexOf(']')));
+          allowsRange = true;
+        }
+
+        if (steps !== '') {
+          allowsSteps = true;
+        }
+
+        if (decimalSeparator === ',') {
+          if (val.indexOf('.') > -1) {
+            return false;
+          }
+          // Fix for checking range with floats using ,
+          val = val.replace(',', '.');
+        }
+        if (val.replace(/[0-9-]/g, '') === '' && (!allowsRange || (val >= begin && val <= end)) && (!allowsSteps || (val % steps === 0))) {
+          return true;
+        }
+
+        if (allowing.indexOf('float') > -1 && val.match(new RegExp('^([0-9-]+)\\.([0-9]+)$')) !== null && (!allowsRange || (val >= begin && val <= end)) && (!allowsSteps || (val % steps === 0))) {
+          return true;
+        }
+      }
+      return false;
+    },
+    errorMessage: '',
+    errorMessageKey: 'badInt'
+  });
+
+  /*
+   * Validate alpha numeric
+   */
+  $.formUtils.addValidator({
+    name: 'alphanumeric',
+    validatorFunction: function (val, $el, conf, language) {
+      var patternStart = '^([a-zA-Z0-9',
+        patternEnd = ']+)$',
+        additionalChars = $el.valAttr('allowing'),
+        pattern = '';
+
+      if (additionalChars) {
+        pattern = patternStart + additionalChars + patternEnd;
+        var extra = additionalChars.replace(/\\/g, '');
+        if (extra.indexOf(' ') > -1) {
+          extra = extra.replace(' ', '');
+          extra += language.andSpaces || $.formUtils.LANG.andSpaces;
+        }
+        this.errorMessage = language.badAlphaNumeric + language.badAlphaNumericExtra + extra;
+      } else {
+        pattern = patternStart + patternEnd;
+        this.errorMessage = language.badAlphaNumeric;
+      }
+
+      return new RegExp(pattern).test(val);
+    },
+    errorMessage: '',
+    errorMessageKey: ''
+  });
+
+  /*
+   * Validate against regexp
+   */
+  $.formUtils.addValidator({
+    name: 'custom',
+    validatorFunction: function (val, $el) {
+      var regexp = new RegExp($el.valAttr('regexp'));
+      return regexp.test(val);
+    },
+    errorMessage: '',
+    errorMessageKey: 'badCustomVal'
+  });
+
+  /*
+   * Validate date
+   */
+  $.formUtils.addValidator({
+    name: 'date',
+    validatorFunction: function (date, $el, conf) {
+      var dateFormat = $el.valAttr('format') || conf.dateFormat || 'yyyy-mm-dd',
+        addMissingLeadingZeros = $el.valAttr('require-leading-zero') === 'false';
+      return $.formUtils.parseDate(date, dateFormat, addMissingLeadingZeros) !== false;
+    },
+    errorMessage: '',
+    errorMessageKey: 'badDate'
+  });
+
+
+  /*
+   * Validate group of checkboxes, validate qty required is checked
+   * written by Steve Wasiura : http://stevewasiura.waztech.com
+   * element attrs
+   *    data-validation="checkbox_group"
+   *    data-validation-qty="1-2"  // min 1 max 2
+   *    data-validation-error-msg="chose min 1, max of 2 checkboxes"
+   */
+  $.formUtils.addValidator({
+    name: 'checkbox_group',
+    validatorFunction: function (val, $el, conf, lang, $form) {
+      // preset return var
+      var isValid = true,
+      // get name of element. since it is a checkbox group, all checkboxes will have same name
+        elname = $el.attr('name'),
+      // get checkboxes and count the checked ones
+        $checkBoxes = $('input[type=checkbox][name^="' + elname + '"]', $form),
+        checkedCount = $checkBoxes.filter(':checked').length,
+      // get el attr that specs qty required / allowed
+        qtyAllowed = $el.valAttr('qty');
+
+      if (qtyAllowed === undefined) {
+        var elementType = $el.get(0).nodeName;
+        alert('Attribute "data-validation-qty" is missing from ' + elementType + ' named ' + $el.attr('name'));
+      }
+
+      // call Utility function to check if count is above min, below max, within range etc.
+      var qtyCheckResults = $.formUtils.numericRangeCheck(checkedCount, qtyAllowed);
+
+      // results will be array, [0]=result str, [1]=qty int
+      switch (qtyCheckResults[0]) {
+        // outside allowed range
+        case 'out':
+          this.errorMessage = lang.groupCheckedRangeStart + qtyAllowed + lang.groupCheckedEnd;
+          isValid = false;
+          break;
+        // below min qty
+        case 'min':
+          this.errorMessage = lang.groupCheckedTooFewStart + qtyCheckResults[1] + lang.groupCheckedEnd;
+          isValid = false;
+          break;
+        // above max qty
+        case 'max':
+          this.errorMessage = lang.groupCheckedTooManyStart + qtyCheckResults[1] + lang.groupCheckedEnd;
+          isValid = false;
+          break;
+        // ok
+        default:
+          isValid = true;
+      }
+
+      if( !isValid ) {
+        var _triggerOnBlur = function() {
+          $checkBoxes.unbind('click', _triggerOnBlur);
+          $checkBoxes.filter('*[data-validation]').validateInputOnBlur(lang, conf, false, 'blur');
+        };
+        $checkBoxes.bind('click', _triggerOnBlur);
+      }
+
+      return isValid;
+    }
+    //   errorMessage : '', // set above in switch statement
+    //   errorMessageKey: '' // not used
+  });
+
+})(jQuery);

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

@@ -0,0 +1,123 @@
+/**
+ * Utility methods used for displaying error messages (attached to $.formUtils)
+ */
+(function ($) {
+
+  'use strict';
+
+  var errorDialogs = {
+
+    getParentContainer: function ($elem) {
+      if ($elem.valAttr('error-msg-container')) {
+        return $($elem.valAttr('error-msg-container'));
+      } else {
+        var $parent = $elem.parent();
+        if (!$parent.hasClass('form-group') && !$parent.closest('form').hasClass('form-horizontal')) {
+          var $formGroup = $parent.closest('.form-group');
+          if ($formGroup.length) {
+            return $formGroup.eq(0);
+          }
+        }
+        return $parent;
+      }
+    },
+    applyErrorStyling: function ($elem, conf) {
+      $elem
+        .addClass(conf.errorElementClass)
+        .removeClass('valid');
+
+      this.getParentContainer($elem)
+        .addClass(conf.inputParentClassOnError)
+        .removeClass(conf.inputParentClassOnSuccess);
+
+      if (conf.borderColorOnError !== '') {
+        $elem.css('border-color', conf.borderColorOnError);
+      }
+    },
+    removeErrorStyling: function ($elem, conf) {
+      $elem.each(function () {
+        var $this = $(this);
+
+        errorDialogs.setInlineErrorMessage($this, '', conf, conf.errorMessagePosition);
+
+        $this
+          .removeClass('valid')
+          .removeClass(conf.errorElementClass)
+          .css('border-color', '');
+
+        errorDialogs.getParentContainer($this)
+          .removeClass(conf.inputParentClassOnError)
+          .removeClass(conf.inputParentClassOnSuccess)
+          .find('.' + conf.errorMessageClass) // remove inline span holding error message
+          .remove();
+      });
+    },
+    setInlineErrorMessage: function ($input, errorMsg, conf, $messageContainer) {
+      var custom = document.getElementById($input.attr('name') + '_err_msg'),
+        setErrorMessage = function ($elem) {
+          $.formUtils.$win.trigger('validationErrorDisplay', [$input, $elem]);
+          $elem.html(errorMsg);
+        },
+        $message;
+
+      if (custom) {
+        $.formUtils.warn('Using deprecated element reference ' + custom.id);
+        $messageContainer = $(custom);
+      } else if (typeof $messageContainer === 'function') {
+        $messageContainer = $messageContainer($input, errorMsg, conf);
+      }
+
+      if (typeof $messageContainer === 'object') {
+        var $found = false;
+        $messageContainer.find('.' + conf.errorMessageClass).each(function () {
+          if (this.inputReferer === $input[0]) {
+            $found = $(this);
+            return false;
+          }
+        });
+        if ($found) {
+          if (!errorMsg) {
+            $found.remove();
+          } else {
+            setErrorMessage($found);
+          }
+        } else if(errorMsg !== '') {
+          $message = $('<div class="' + conf.errorMessageClass + ' alert"></div>');
+          setErrorMessage($message);
+          $message[0].inputReferer = $input[0];
+          $messageContainer.prepend($message);
+        }
+      }
+      else {
+        var $parent = this.getParentContainer($input);
+        $message = $parent.find('.' + conf.errorMessageClass + '.help-block');
+
+        if ($message.length === 0) {
+          $message = $('<span></span>').addClass('help-block').addClass(conf.errorMessageClass);
+          $message.appendTo($parent);
+        }
+
+        setErrorMessage($message);
+      }
+    },
+    setTemplateMessage: function ($form, title, errorMessages, conf) {
+      var messages = conf.errorMessageTemplate.messages.replace(/\{errorTitle\}/g, title),
+        fields = [],
+        container;
+
+      $.each(errorMessages, function (i, msg) {
+        fields.push(conf.errorMessageTemplate.field.replace(/\{msg\}/g, msg));
+      });
+
+      messages = messages.replace(/\{fields\}/g, fields.join(''));
+      container = conf.errorMessageTemplate.container.replace(/\{errorMessageClass\}/g, conf.errorMessageClass);
+      container = container.replace(/\{messages\}/g, messages);
+      $form.children().eq(0).before(container);
+    }
+  };
+
+  $.formUtils = $.extend($.formUtils || {}, {
+    errorDialogs: errorDialogs
+  });
+
+})(jQuery);