bootstrap.validator.invisible-elements.js

bootstrap.validator.invisible-elements.js

//autocompress:no
/*!
 * Disables invisible (non focusable elements) form fields inside forms while validating.
 *
 * @author Ruben Vincenten <[email protected]>
 * @see https://github.com/1000hz/bootstrap-validator
 */
jQuery(function ($) {
    var
        dataKey = 'validate.bs.skip',
        elementSelector = ':input:not([type=hidden]):hidden, :input([novalidate])';

    $('body').on({
            // Disable browser error about input not being focusable.
            'submit': function () {
                $(this).find(elementSelector).attr({
                    disabled: true,
                    required: false
                });
            },
            // Before validating each input field,
            // save the state of all hidden inputs and
            // disable them plus make them not required.
            'validate.bs.validator': function () {
                var skips = [];
                $(this)
                    .find(elementSelector).each(function () {
                        skips.push({
                            element: this,
                            required: this.required,
                            disabled: this.disabled
                        });
                        this.disabled = true;
                        this.required = false;
                    }).end()
                    .data(dataKey, skips);
            },
            // At this point the visibility of the submit button is set,
            // so restore state of invisible elements.
            'validated.bs.validator': function () {
                var
                    $this = $(this),
                    skips = $this.data(dataKey),
                    skip, element;
                while (skip = skips.shift()) {
                    element = skip.element;
                    element.required = skip.required;
                    element.disabled = skip.disabled;
                }
                console.log('------------');
                $this.removeData(dataKey);
            }
        },
        'form[data-toggle="validator"]'
    );
})
;