iFormBuilder JavaScript Tips & Tricks

What's covered in this article?

• What is the Multi-Select element?
• Why can't I mark Multi-Select as required in Form Builder?
• How do I make the Multi-Select element required?

What is the Multi-Select element?

The Multi-Select element is similar to the Pick List element, except it allows users to select multiple items from the assigned option list.

Click here for instructions on how to add a Multi-Select element to your forms.

Why isn't  marking a Multi-Select as required in Form Builder enough?

Setting the Multi-Select element to required via the checkbox may not give you the desired results. A user could open the Multi-Select element without making any choices and meet the requirements as this will enter a value of all zeros in the bitwise operation. The steps below will ensure at least one option is selected.

How do I make the Multi-Select element require at least one selection?

To make the Multi-Select element require at least one option to be selected, please follow the instructions below.

STEP 1.  From inside the form builder, highlight your Multi-Select element and navigate to the Smart Control tab.

STEP 2.  In the Client Validation field, put following JavaScript: multi_select1 !=0. This says that the element cannot be equal to 0.

PLEASE NOTE: In this example, the data column name of our element is multi_select1.

STEP 3. In the Validation Message field, put the message you want your users to see if he or she doesn't meet the validation requirements. 

PLEASE NOTE: The message needs to be in quotation marks in order to function properly.

STEP 4. Save your form.

Failure to meet the proper validation will result in an error message similar to the one below once the user tries to hit "Done" or "Save".