How to create conditional fields that are required to be filled out

Question

I learned from other post that I could use the following the create a conditional field:

$('your selects class or id').change(function(){    
    if($(this).val() == "publish_on"){
        $('.secret').fadeIn();
    }
    else{
        $('.secret').hide();
    }
});

From my understanding of this code, it only show/hides the field, instead of actually cancel the field. This is all fine except what if the pop-up field (.secret) needs to be a required field and I use form validation to make sure all required fields are filled out? Does "submit" button omit non-displaying field automatically? Do I need add on further javascript to make it only required when appearing?

Answer 1

Does "submit" button omit non-displaying field automatically? Do I need add on further javascript to make it only required when appearing?

No,It doesn't omit the hidden fields.It submit's them too.

And you need to omit them while doing validation.

Some thing like using visible seletors

if ( $("#targetEleme").is(":visible") ) {

//then do this validation
}