Question

I’m using jquery to validate an asp.net form (content within a master page). The required fields validation all works great, but I have a field that is not required, but if it does have text then it needs to be in the proper format. Jquery validates incorrect text just fine, but when the text is empty it stops the form from submitting (no error message though). Anyone have an idea why this could be happening or what to do about it?

 // Add validation rule for email
            if ($("input[id$='TextBoxEmail']").length) {
                $("input[id$='TextBoxEmail']").rules('add', {
                    required: false,
                    email: true,
                    messages: {
                        email: 'Please enter a valid email.'
                    }
                }); 
            } 

Answer 1

We discovered that the workaround for this is to manually remove the validation based on our criteria.

// Add validation rule for first name (default Person type is Individual so the validation is needed as default)
            if ($("input[id$='TextBoxFirstName']").length) {
                $("input[id$='TextBoxFirstName']").rules('add', {
                    required: true,
                    messages: {
                        required: 'First Name is required for individuals.'
                    }
                });
            }   

// Add event for checking if first name validation is needed
            $('select[id$=DropDownListPersonType]').change(function () {
                if ($('select[id$=DropDownListPersonType] option:selected').text() == 'Individual') {
                    // Add validation rule
                    $("input[id$='TextBoxFirstName']").rules('add', {
                        required: true,
                        messages: {
                            email: 'First Name is required for individuals.'
                        }
                    });
                }
                else {
                    // remove rule
                    $("input[id$='TextBoxFirstName']").rules("remove");
                }
            });