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](http://stackoverflow.com/questions/203844/jquery-validation-plugin-disable-validation-for-specified-submit-buttons) — phemt.latd, Jan 20 '14 at 08: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, Jan 20 '14 at 09:03

score 0 · Accepted Answer · edited May 23 '17 at 12:31

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 '17 at 12:31

Community

1
1

answered Jan 20 '14 at 09:01

nodeffect

1,830
5
25
42

Disable and Enable jQuery Validation

1 Answers1