Power Platform Community Forum Thread Details

Hiding fields based on email value AND boolean yes/no field

Hello!

I have a page on my portal that requires a bit of customization through JavaScript. I would like to hide fields based on an email address entered, which works fine. However, when the user enters the email domain that will show some fields, I would like to apply additional formatting.

$(document).ready(function () {

 $("#emailaddress1").change(onShowHideEmployeeFields);

 onShowHideEmployeeFields();

});

function onShowHideEmployeeFields() {

var varEmail = $("#emailaddress1").val()

//alert(varEmail)

if (varEmail.includes("@example.org")) {

 $('#xxx_employeeid').parent().parent().show();

 $('#xxx_employeeid').prop('required', true);

 $('#xxx_employeeid').closest(".control").prev().addClass("required");

 $('#xxx_defaultfacilityid').parent().parent().show();

 $('#xxx_defaultfacilityid').prop('required', true);

 $('#xxx_defaultfacilityid').closest(".control").prev().addClass("required");

 $('#xxx_positiontitle').parent().parent().show();

 $('#xxx_judicialofficer').parent().parent().show();

 $('#xxx_judicialofficer').prop('required', true); 

 $('#xxx_judicialofficer').closest(".control").prev().addClass("required");

 $('#xxx_jopositiontitle').parent().parent().show();

 }

else {

 $('#xxx_employeeid').parent().parent().hide();

 $('#xxx_defaultfacilityid').parent().parent().hide();

 $('xxx_defaultfacilityid_label').parent().parent().hide();

 $('xxx_positiontitle_label').parent().parent().hide();

 $('#xxx_positiontitle').parent().parent().hide();

 $('#xxx_judicialofficer').parent().parent().hide();

 $('#xxx_jopositiontitle').parent().parent().hide();

 }

}

function onDisplaySectionChange() {

var varJO= $("#xxx_judicialofficer").find("input[type='radio']:checked").val();

//alert(varJO)

if (varJO === true) {

    $('xxx_jopositiontitle').parent().parent().show();

 }

else {

 $('xxx_jopositiontitle').parent().parent().hide();

 }

}

The first part of my code works fine. However, I'm trying to show the JO Position Title field IF the Judicial Officer Yes/No boolean field is Yes.

Any thoughts on this?

function onDisplaySectionChange() { var varJO= $("#xxx_judicialofficer").find("input[type='radio']:checked").val(); //alert(varJO) if (varJO === true) { $('xxx_jopositiontitle').parent().parent().show(); } else { $('xxx_jopositiontitle').parent().parent().hide(); } }

$('#xxx_judicialofficer').change(function () { var varJO= $("#xxx_judicialofficer").val(); //alert(varJO) if (varJO === 1) { $('xxx_jopositiontitle').parent().parent().show(); } else { $('xxx_jopositiontitle').parent().parent().hide(); } }

Quick Links

Leaderboard > Power Pages