formvalidation/test/spec/excluded.js

The best jQuery plugin to validate form fields. Support Bootstrap, Foundation, Pure, SemanticUI, UIKit and custom frameworks

function excludeField($field, validator) {
    return ($field.attr('name') === 'username')
                                ? false     // Don't exclude the username field
                                : true;     // Exclude the email field
}

describe('excluded', function() {
    beforeEach(function() {
        $([
            '<div class="container">',
                '<form class="form-horizontal" id="excludedForm" data-fv-excluded="[name=\'email\']">',
                    '<div class="form-group">',
                        '<input type="text" name="username" required />',
                    '</div>',
                    '<div class="form-group">',
                        '<input type="text" name="email" required data-fv-emailaddress />',
                    '</div>',
                '</form>',
            '</div>'
        ].join('')).appendTo('body');

        $('#excludedForm').formValidation();

        this.fv        = $('#excludedForm').data('formValidation');
        this.$username = this.fv.getFieldElements('username');
        this.$email    = this.fv.getFieldElements('email');
    });

    afterEach(function() {
        $('#excludedForm').formValidation('destroy').parent().remove();
    });

    it('excluded form declarative', function() {
        this.fv.validate();
        expect(this.fv.isValid()).toEqual(false);

        this.fv.resetForm();
        this.$username.val('your_user_name');
        this.$email.val('');
        this.fv.validate();
        expect(this.fv.isValid()).toBeTruthy();
    });

    it('excluded form programmatically', function() {
        this.fv.destroy();
        $('#excludedForm').removeAttr('data-fv-excluded');

        $('#excludedForm').formValidation({
            excluded: '[name="username"]'
        });

        this.fv        = $('#excludedForm').data('formValidation');
        this.$username = this.fv.getFieldElements('username');
        this.$email    = this.fv.getFieldElements('email');

        this.$username.val('');
        this.$email.val('invalid#email.com');
        this.fv.validate();
        expect(this.fv.isValid()).toEqual(false);

        this.fv.resetForm();
        this.$email.val('valid@email.com');
        this.fv.validate();
        expect(this.fv.isValid()).toBeTruthy();
    });

    it('excluded field declarative', function() {
        this.fv.destroy();
        $('#excludedForm').removeAttr('data-fv-excluded');
        $('#excludedForm').find('[name="username"]').attr('data-fv-excluded', 'true');
        $('#excludedForm').find('[name="email"]').attr('data-fv-excluded', 'false');

        this.fv        = $('#excludedForm').formValidation().data('formValidation');
        this.$username = this.fv.getFieldElements('username');
        this.$email    = this.fv.getFieldElements('email');

        this.$username.val('');
        this.$email.val('');
        this.fv.validate();
        expect(this.fv.isValid()).toEqual(false);

        this.fv.resetForm();
        this.$email.val('invalid#email.com');
        this.fv.validate();
        expect(this.fv.isValid()).toEqual(false);

        this.fv.resetForm();
        this.$email.val('valid@email.com');
        this.fv.validate();
        expect(this.fv.isValid()).toBeTruthy();
    });

    it('excluded field programmatically true/false', function() {
        this.fv.destroy();
        $('#excludedForm').removeAttr('data-fv-excluded');

        $('#excludedForm').formValidation({
            fields: {
                username: {
                    excluded: true
                },
                email: {
                    excluded: false
                }
            }
        });

        this.fv        = $('#excludedForm').formValidation().data('formValidation');
        this.$username = this.fv.getFieldElements('username');
        this.$email    = this.fv.getFieldElements('email');

        this.$username.val('');
        this.$email.val('');
        this.fv.validate();
        expect(this.fv.isValid()).toEqual(false);

        this.fv.resetForm();
        this.$email.val('invalid#email.com');
        this.fv.validate();
        expect(this.fv.isValid()).toEqual(false);

        this.fv.resetForm();
        this.$email.val('valid@email.com');
        this.fv.validate();
        expect(this.fv.isValid()).toBeTruthy();
    });

    it('excluded field programmatically "true"/"false"', function() {
        this.fv.destroy();
        $('#excludedForm').removeAttr('data-fv-excluded');

        $('#excludedForm').formValidation({
            fields: {
                username: {
                    excluded: 'false'
                },
                email: {
                    excluded: 'true'
                }
            }
        });

        this.fv        = $('#excludedForm').formValidation().data('formValidation');
        this.$username = this.fv.getFieldElements('username');
        this.$email    = this.fv.getFieldElements('email');

        this.$username.val('');
        this.$email.val('valid@email.com');
        this.fv.validate();
        expect(this.fv.isValid()).toEqual(false);

        this.fv.resetForm();
        this.$username.val('your_user_name');
        this.$email.val('invalid#email.com');
        this.fv.validate();
        expect(this.fv.isValid()).toBeTruthy();
    });

    it('excluded field callback programmatically', function() {
        this.fv.destroy();
        $('#excludedForm').removeAttr('data-fv-excluded');

        $('#excludedForm').formValidation({
            fields: {
                username: {
                    excluded: function($field, validator) {
                        return true;
                    }
                }
            }
        });

        this.fv        = $('#excludedForm').formValidation().data('formValidation');
        this.$username = this.fv.getFieldElements('username');
        this.$email    = this.fv.getFieldElements('email');

        this.$username.val('');
        this.$email.val('valid@email.com');
        this.fv.validate();
        expect(this.fv.isValidField('username')).toEqual(true);
    });

    it('excluded field callback as a string', function() {
        this.fv.destroy();
        $('#excludedForm').removeAttr('data-fv-excluded');

        $('#excludedForm').formValidation({
            fields: {
                username: {
                    excluded: 'excludeField'
                },
                email: {
                    excluded: 'excludeField'
                }
            }
        });

        this.fv        = $('#excludedForm').formValidation().data('formValidation');
        this.$username = this.fv.getFieldElements('username');
        this.$email    = this.fv.getFieldElements('email');

        this.$username.val('');
        this.$email.val('invalid email address');
        this.fv.validate();
        expect(this.fv.isValidField('username')).toEqual(false);
        expect(this.fv.isValidField('email')).toEqual(true);
    });

    it('excluded field callback declarative', function() {
        this.fv.destroy();
        $('#excludedForm')
            .removeAttr('data-fv-excluded')
            .find('[name="username"], [name="email"]')
                .attr('data-fv-excluded', 'excludeField')
                .end()
            .formValidation();

        this.fv        = $('#excludedForm').formValidation().data('formValidation');
        this.$username = this.fv.getFieldElements('username');
        this.$email    = this.fv.getFieldElements('email');

        this.$username.val('');
        this.$email.val('invalid email address');
        this.fv.validate();
        expect(this.fv.isValidField('username')).toEqual(false);
        expect(this.fv.isValidField('email')).toEqual(true);
    });
});