dev-test/js/validator.js

   1 /* ========================================================================
   2  * Bootstrap (plugin): validator.js v0.3.0
   3  * ========================================================================
   4  * The MIT License (MIT)
   5  *
   6  * Copyright (c) 2013 Spiceworks, Inc.
   7  * Made by Cina Saffary (@1000hz) in the style of Bootstrap 3 era @fat
   8  *
   9  * Permission is hereby granted, free of charge, to any person obtaining a copy
  10  * of this software and associated documentation files (the "Software"), to deal
  11  * in the Software without restriction, including without limitation the rights
  12  * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  13  * copies of the Software, and to permit persons to whom the Software is
  14  * furnished to do so, subject to the following conditions:
  15  *
  16  * The above copyright notice and this permission notice shall be included in
  17  * all copies or substantial portions of the Software.
  18  *
  19  * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  20  * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  21  * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  22  * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  23  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  24  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  25  * THE SOFTWARE.
  26  * ======================================================================== */
  27
  28
  29 +function ($) {
  30   'use strict';
  31
  32   // VALIDATOR CLASS DEFINITION
  33   // ==========================
  34
  35   var Validator = function (element, options) {
  36     this.$element = $(element)
  37     this.options  = options
  38
  39     this.toggleSubmit()
  40
  41     this.$element.on('input.bs.validator change.bs.validator focusout.bs.validator', $.proxy(this.validateInput, this))
  42
  43     this.$element.find('[data-match]').each(function () {
  44       var $this  = $(this)
  45       var target = $this.data('match')
  46
  47       $(target).on('input.bs.validator', function (e) {
  48         $this.val() && $this.trigger('input')
  49       })
  50     })
  51   }
  52
  53   Validator.DEFAULTS = {
  54     delay: 500,
  55     errors: {
  56       match: 'Does not match',
  57       minlength: 'Not long enough'
  58     }
  59   }
  60
  61   Validator.VALIDATORS = {
  62     native: function ($el) {
  63       var el = $el[0]
  64       return el.checkValidity ? el.checkValidity() : true
  65     },
  66     match: function ($el) {
  67       var target = $el.data('match')
  68       return !$el.val() || $el.val() === $(target).val()
  69     },
  70     minlength: function ($el) {
  71       var minlength = $el.data('minlength')
  72       return !$el.val() || $el.val().length >= minlength
  73     }
  74   }
  75
  76   Validator.prototype.validateInput = function (e) {
  77     var $el        = $(e.target)
  78     var prevErrors = $el.data('bs.errors')
  79     var errors
  80
  81     this.$element.trigger(e = $.Event('validate.bs.validator', {relatedTarget: $el[0]}))
  82
  83     if (e.isDefaultPrevented()) return
  84
  85     $el.data('bs.errors', errors = this.runValidators($el))
  86
  87     errors.length ? this.showErrors($el) : this.clearErrors($el)
  88
  89     if (!prevErrors || errors.toString() !== prevErrors.toString()) {
  90       e = errors.length
  91         ? $.Event('invalid.bs.validator', {relatedTarget: $el[0], detail: errors})
  92         : $.Event('valid.bs.validator', {relatedTarget: $el[0], detail: prevErrors})
  93
  94       this.$element.trigger(e)
  95     }
  96
  97     this.toggleSubmit()
  98
  99     this.$element.trigger($.Event('validated.bs.validator', {relatedTarget: $el[0]}))
 100   }
 101
 102   Validator.prototype.runValidators = function ($el) {
 103     var errors     = []
 104     var validators = [Validator.VALIDATORS.native]
 105
 106     $.each(Validator.VALIDATORS, $.proxy(function (key, validator) {
 107       if (($el.data(key) || key == 'native') && !validator.call(this, $el)) {
 108         var error = $el.data(key + '-error')
 109           || $el.data('error')
 110           || key == 'native' && $el[0].validationMessage
 111           || this.options.errors[key]
 112
 113         !~errors.indexOf(error) && errors.push(error)
 114       }
 115     }, this))
 116
 117     return errors
 118   }
 119
 120   Validator.prototype.validate = function () {
 121     var delay = this.options.delay
 122
 123     this.options.delay = 0
 124     this.$element.find(':input').trigger('input')
 125     this.options.delay = delay
 126
 127     return this
 128   }
 129
 130   Validator.prototype.showErrors = function ($el) {
 131     function callback() {
 132       var $group = $el.closest('.form-group')
 133       var $block = $group.find('.help-block.with-errors')
 134       var errors = $el.data('bs.errors')
 135
 136       if (!errors.length) return
 137
 138       errors = $('<ul/>')
 139         .addClass('list-unstyled')
 140         .append($.map(errors, function (error) { return $('<li/>').text(error) }))
 141
 142       $block.data('bs.originalContent') === undefined && $block.data('bs.originalContent', $block.html())
 143       $block.empty().append(errors)
 144
 145       $group.addClass('has-error')
 146     }
 147
 148     if (this.options.delay) {
 149       window.clearTimeout($el.data('bs.timeout'))
 150       $el.data('bs.timeout', window.setTimeout(callback, this.options.delay))
 151     } else callback()
 152   }
 153
 154   Validator.prototype.clearErrors = function ($el) {
 155     var $group = $el.closest('.form-group')
 156     var $block = $group.find('.help-block.with-errors')
 157
 158     $block.html($block.data('bs.originalContent'))
 159     $group.removeClass('has-error')
 160   }
 161
 162   Validator.prototype.hasErrors = function () {
 163     function fieldErrors() {
 164       return !!($(this).data('bs.errors') || []).length
 165     }
 166
 167     return !!this.$element.find(':input').filter(fieldErrors).length
 168   }
 169
 170   Validator.prototype.isIncomplete = function () {
 171     function fieldIncomplete() {
 172       return this.type === 'checkbox' ? !this.checked                                   :
 173              this.type === 'radio'    ? !$('[name="' + this.name + '"]:checked').length :
 174                                         $.trim(this.value) === ''
 175     }
 176
 177     return !!this.$element.find('[required]').filter(fieldIncomplete).length
 178   }
 179
 180   Validator.prototype.toggleSubmit = function () {
 181     var $btn = this.$element.find(':submit')
 182     $btn.attr('disabled', this.isIncomplete() || this.hasErrors())
 183   }
 184
 185
 186   // VALIDATOR PLUGIN DEFINITION
 187   // ===========================
 188
 189   var old = $.fn.validator
 190
 191   $.fn.validator = function (option) {
 192     return this.each(function () {
 193       var $this   = $(this)
 194       var options = $.extend({}, Validator.DEFAULTS, $this.data(), typeof option == 'object' && option)
 195       var data    = $this.data('bs.validator')
 196
 197       if (!data) $this.data('bs.validator', (data = new Validator(this, options)))
 198       if (typeof option == 'string') data[option]()
 199     })
 200   }
 201
 202   $.fn.validator.Constructor = Validator;
 203
 204
 205   // VALIDATOR NO CONFLICT
 206   // =====================
 207
 208   $.fn.validator.noConflict = function () {
 209     $.fn.validator = old
 210     return this
 211   }
 212
 213
 214   // VALIDATOR DATA-API
 215   // ==================
 216
 217   $(window).on('load', function () {
 218     $('form[data-toggle="validator"]').each(function () {
 219       var $form = $(this)
 220       $form.validator($form.data())
 221     })
 222   })
 223
 224 }(jQuery);