# Required Fields

The next pro plugin feature is the capability of adding the required field of some calculator elements. In general, a **required field** is an input field on a form that must have a non-blank value to be valid before submitting a form. 

![](/files/Cm5bgeZpOrcnSyVk97Sn)

The element with the required field comes with a red asterisk symbol (![REQUIRED](https://community.pega.com/sites/default/files/help_v55/shared/requiredstar.gif)) in the calculator form. 

{% hint style="success" %}
Calculator elements **Checkbox, Radio button, Toggle button, Quantity, and Dropdown** have the required field option that can be enabled in the element creation. 
{% endhint %}

{% hint style="warning" %}
**Checkbox, Radio button, and Toggle button** elements need to be filled with options, if no option is chosen, a notification message will appear like "This field is required". 
{% endhint %}

**Checkbox, Radio button, Toggle button, File** elements' examples with a notification message:

![](/files/SFzJflyq7U5rDxXWH7MF)

{% hint style="warning" %}
The **Dropdown** element required field will be shown if the user does not select any values. The **Quantity** element required field notification message will be shown if the quantity is zero ( 0 ).
{% endhint %}

**Dropdown, Quantity** elements' examples with a notification message:

![](/files/P8lHUgHdKMs0AIuQATZN)

The notification message content can be changed in the Calculator Settings: **Settings >** Notifications

![](/files/nHyBfCe0aJLMDkCeurxg)

{% hint style="danger" %}
The required field works only when the calculator form has the submit function. The calculator without the submit button will not work. Submitting a form function is available when you enable contact form or WooCommerce or Stripe or PayPal options in the Settings.
{% endhint %}

#### Sample Calculator with required field feature:

There has been created a sample calculator with elements that have the required field:

![](/files/KTcb3vwfyYeCpjY7vD1N)

For each created element in this calculator contain the toggle button for enabling the required field option, you need to enable that option and save your work:

![](/files/ns6QFSj4qqgYnLCtX6G8)

As the required field works only when there is the submit function in the calculator, after creating the desired calculator, you need to check the submit option in the Settings:

![](/files/oUZ3CcVSMEgQeTZs1tTY)

The main thing for the required field works properly is that there should be a submit button in the calculator:

![](/files/iarYstYwlduZxlaT9H8t)

Because after clicking the submit button, the required field does not allow non-chosen elements that have the required field is enabled.

![](/files/Cm5bgeZpOrcnSyVk97Sn)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.stylemixthemes.com/cost-calculator-builder/pro-plugin-features/required-field.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.