Disable and Enable jQuery Validation

Question

How can I disable or enable my following validation using a button? the pageload loads the following function, I'm not sure how can I unload it.

    $(document).ready(function() {
        //* regular validation
        gebo_validation.reg();
});

    //* validation
    gebo_validation = {
        reg: function() {
            reg_validator = $('.form_validation_reg').validate({
                onkeyup: false,
                errorClass: 'error',
                validClass: 'valid',
                highlight: function(element) {
                    $(element).closest('div').addClass("f_error");
                },
                unhighlight: function(element) {
                    $(element).closest('div').removeClass("f_error");
                },
                errorPlacement: function(error, element) {
                    $(element).closest('div').append(error);
                },
                rules: {     
                        campaign_name: {
                                require_from_group: [1, '.span8'],
                                minlength: 3,
                                //notBoth: ['input[name="exist_campaign_name"]']
                        },
                        exist_campaign_name: {
                                require_from_group: [1, '.span8'],
                                minlength: 3,
                                //notBoth: ['input[name="campaign_name"]']
                        },
                },
                invalidHandler: function(form, validator) {
                    $.sticky("There are some errors. Please correct them and submit again.", {autoclose : 5000, position: "top-right", type: "st-error" });
                }
            });

            $('.span8').on('blur', function () {
                if ($(this).val() != '') {
                    $('.span8').not(this).prop('disabled', 'disabled');
                } else {
                    $('.span8').not(this).removeProp('disabled');
                }
            });

            //Some extra validation methods.
            /* jQuery.validator.addMethod('notBoth', function (value, element, param) {
                return ((value != '') && ($(param[0]).val() == '') || (value == '') && ($(param[0]).val() != ''));
            }, "Please do not fill out both fields"); */    
        }
    };

possible duplicate of jQuery Validation plugin: disable validation for specified submit buttons — phemt.latd
– phemt.latd, Commented Jan 20, 2014 at 8:22
I think this only helps only if I have a different button... For my case, I have a checkbox button that will disable or enable the validation. But thanks anyway. — nodeffect
– nodeffect, Commented Jan 20, 2014 at 9:03

Community · Accepted Answer · 2017-05-23 12:31:49Z

0

I've found the solution here.. jQuery validate - set conditional rules based on user selection

Using sample code:

$('#myform').validate({
    rules: {
        fieldA: {
           required:'#checkA:checked'
        }
    }
});

edited May 23, 2017 at 12:31

CommunityBot

11 silver badge

answered Jan 20, 2014 at 9:01

nodeffect

1,8405 gold badges27 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Disable and Enable jQuery Validation

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related