fd.rendered(function() { //validate radio buttom items for adding new cost center fd.validators.push({ name:"new-cost-center', error: "Complete all fields below to complete the request to add a new cost center to the system." validate: function(value) { var companyCode = fd.field('txtCompanyCode').value; var addCostCenter = fd.field('txtAddCostCenter').value; var addReason = fd.field('txtAddReason').value; if (!companyCode){ this.error = "Complete the Company Code field."; return false; } if (!addCostCenter){ this.error = "Complete the Add Cost Center field."; return false; } if (!addReason){ this.error = "Complete the Reason for Add field."; return false; } } return true; } //clear form cache fd.clear(); //hide grid containers on form load $('.new-cost-center').hide(); $('.chg-cost-center').hide(); $('.del-cost-center').hide(); var radio = fd.field('rbRequestType'); //show or hide grid containers when selecting values radio.$on('change', function(value) { if(radio.value.includes('Add new cost center') == true) { //show chg-cost-center grid container $('.new-cost-center').show(); $('.chg-cost-center').hide(); $('.del-cost-center').hide(); } if(radio.value.includes('Change cost center') == true) { //show chg-cost-center grid container $('.chg-cost-center').show(); $('.new-cost-center').hide(); $('.del-cost-center').hide(); } if(radio.value.includes('Delete cost center') == true) { //show chg-cost-center grid container $('.del-cost-center').show(); $('.new-cost-center').hide(); $('.chg-cost-center').hide(); } }); });