Conditional required fields based on a response in a dropdown box

Question

I am in need of assistance creating a javascript that will set fields to required based on a response in a drop down field.

I have an "Action" dropdown field where the user selects the action the want "Add", "Delete", "Change", "Other". In the event of "Add" selected I need certain fields required, in the event "Delete" is selected I need fewer fields to appear as required and so on.

I have seen some similar javascripts for radial button responses but have had difficulty translating.

Michael26950565cpl9 · Answer

Hello all, thanks for the helpful tips, but running into some issues with multiple conditional formatting. I am trying to have a conditional form fill where if you select a drop down item, it forces some fields to be required, and if you select other fields it simply is not required. I have followed the JS in these chats, but still do not require certain fields to be required properly. Also, when preparing the form, should the box for Required be checked or not on Properties screen for that each of these fields, or is the script essentially supposed to handle that automatically - I have tried both ways and no luck?

Goal is:

IF Default - Bill Pay Check (3-7 Business Days) is selected, it does not require any of the f1-f5 fields to be filled in.
IF Expedited - Bill Pay ACH (2-3 Business Days) is selected, it does require all f1-f5 fields to be filled in
IF Express - In House Wire (2 Business Days) is selected, it does require all f1-f5 fields to be filled in
IF Overnight - In House Check and FedEx (1-2 Business Days) is selected, it does not require any of f1-f5 fields to be filled in.

I thought I have the correct if/then statements below but It's definitely not functioning how I want.

Here's my script

var f1 = this.getField("Bank Name");

var f2 = this.getField("Account Name (Type)");

var f3 = this.getField("Account Number");

var f4 = this.getField("ABA Routing Wire");

var f5 = this.getField("ABA Routing ACH");

else if (event.value=="Default - Bill Pay Check (3-7 Business Days)") {

f1.readonly = true;

f2.readonly = true;

f3.readonly = true;

f4.readonly = true;

f5.readonly = true;

f1.required = false;

f2.required = false;

f3.required = false;

f4.required = false;

f5.required = false;

} else if (event.value=="Expedited - Bill Pay ACH (2-3 Business Days)") {

f1.readonly = false;

f2.readonly = false;

f3.readonly = false;

f4.readonly = false;

f5.readonly = false;

f1.required = true;

f2.required = true;

f3.required = true;

f4.required = true;

f5.required = true;

} else if (event.value=="Express - In House Wire (2 Business Days)") {