##### Global Script
The Question Component requires JavaScript for native form validation. To use the validation through the global script use the following code. A optional selector targeting the form may be supplied as the first argument to the `.validate()` method. The second optional argument is a function which handles the form data after it passes validation.
```html
```
###### Markup
```html
```
Validation messages will appear when the user leaves a **required** question blank (`required="true"` must be set on the `` tag), enters an answer that does not match a specified **pattern** (`pattern="{{ my regular expression }}"` must be set on the `` tag), or tries to submit the form without filling out any required fields.
##### Module Import
The form validation source exists in the Patterns Scripts utility library. Install the `@nycopportunity/pttrn-scripts` module to import the module. This method allows the specification of watching for input errors on blur, setting the error container's selector, and other customizations. Refer to the the source for details.
```javascript
import Forms from '@nycopportunity/patterns-scripts/src/forms/forms';
this.form = new Forms(document.querySelector('#question-demo'));
this.form.submit = (event) => {
event.preventDefault();
// Submission handler
};
this.form.selectors.ERROR_MESSAGE_PARENT = '.c-question__container';
this.form.watch();
```