# Validazione dei dati
La piattaforma permette funzioni di validazione dei dati
## Obbligatorietà dei contenuti
Per rendere la compilazione di un campo obbligatoria, attiva la funzione "required" nella sezione "Validation"
## Dato presente una sola volta nel modulo
Per far sì che un dato possa essere inserito solo una volta durante la compilazione, nella sezione "Validation" del componente attiva la funzione "unique"
## Lunghezza minima e massima (datagrid)
Per i componenti [Datagrid](https://docs.opencityitalia.it/guida-alla-creazione-dei-servizi-digitali/creare-un-servizio/i-componenti/il-datagrid) puoi configurare la lunghezza minima e massima del testo inserito nel campo.
Nella sezione "Validation" del componente, compila le voci *Maximum length* e *Minimum length* con valori numerici.
Ricordati di inserire il messaggio di errore che compare all'utente alla voce "Custom error message".
## Verificare le date inserite
Una volta inserita la data, puoi [configurare il formato e verificare che il cittadino non possa inserire date nel passato](https://app.gitbook.com/o/-MRQtav6dxPB0RkAwAX7/s/rdV0mwA7iy2c3I7wu5BX/~/changes/67/creare-un-servizio/i-componenti/le-date#configurare-le-date).
## Verificare l'età di una persona
Durante la configurazione di una [data](https://docs.opencityitalia.it/guida-alla-creazione-dei-servizi-digitali/creare-un-servizio/i-componenti/le-date), nel caso in cui il servizio preveda l'inserimento di una data di nascita, puoi controllare che questa venga inserita correttamente.
Nella sezione "Validation" del componente, compila la voce "Custom validation" con il codice JavaScript di verifica, ad esempio prevedendo che venga inserita la data di nascita di un minorenne
```javascript
date = moment(input, 'DD/MM/YYYY')
if (date.isAfter(moment())) {
valid = "La data non può essere nel futuro"
} else {
if (moment().diff(date, 'years') > 18) {
valid = "L'età inserità non è quella di un minorenne"
}
}
```
## *Regular expression pattern*
Il *pattern* è una stringa che rappresenta una espressione regolare usata per verificare se il valore inserito in un campo rispetta certe regole di formato. È un modo per assicurarsi che, ad esempio, un campo email, telefono o codice postale abbia la struttura corretta.
Nella sezione "Validation" del componente (normalmente un [*Text field*](https://app.gitbook.com/o/-MRQtav6dxPB0RkAwAX7/s/rdV0mwA7iy2c3I7wu5BX/~/changes/67/creare-un-servizio/i-componenti/il-textfield)), compila la voce "Regular expression pattern" con la struttura prevista dal dato inserito
Ricordati di inserire il messaggio di errore che compare all'utente alla voce "Custom error message".
## Lunghezza minima e massima del dato
Durante la configurazione di un componente [*Text field*](https://app.gitbook.com/o/-MRQtav6dxPB0RkAwAX7/s/rdV0mwA7iy2c3I7wu5BX/~/changes/67/creare-un-servizio/i-componenti/il-textfield), puoi configurare:
* la lunghezza del testo (1)
* il numero di parole (2).
Ricordati di inserire il messaggio di errore che compare all'utente alla voce "Custom error message".
## Verificare la residenza del beneficiario
{% hint style="info" %}
**Attenzione!**
Questa funzione richiede che nel servizio sia stato inserito il nested form "OC - Beneficiario"
{% endhint %}
Per verificare che la residenza del beneficiario del servizio sia situata in un determinato Comune e impedire al cittadino di proseguire qualora indichi un Comune diverso, è possibile configurare un’apposita funzione seguendo questi passaggi:
{% stepper %}
{% step %}
#### Inserisci un nuovo campo Hidden
{% endstep %}
{% step %}
#### Configuralo inserendo `residence_tenant` come label e come property name (sezione "API")
{% endstep %}
{% step %}
#### Inserisci in "Data", nella sezione "Calculated value", il seguente codice, poi salva
```javascript
if (!value) {
window.FormioHelper.getTenantInfo().then((info) => {
instance.setValue(info.name.toLowerCase());
});
}
```
{% endstep %}
{% step %}
#### Inserisci un nuovo campo a tua scelta (per esempio, un Text Field) e salva senza inserire informazioni
{% endstep %}
{% step %}
#### Copia il codice qui sotto e incollalo nella sezione "Edit JSon" del componente appena creato
```json
{
"label": "Columns",
"columns": [
{
"width": 12,
"offset": 0,
"push": 0,
"pull": 0,
"size": "md",
"currentWidth": 12,
"components": [
{
"label": "HTML",
"tag": "div",
"className": "alert alert-danger",
"attrs": [
{
"attr": "",
"value": ""
}
],
"content": "
Attenzione!
\nNon puoi inviare questa pratica. La residenza del beneficiario non si trova nel Comune",
"refreshOnChange": false,
"key": "html17",
"type": "htmlelement",
"input": false,
"tableView": false
}
]
},
{
"width": 12,
"offset": 0,
"push": 0,
"pull": 0,
"size": "md",
"currentWidth": 12,
"components": [
{
"label": "fail_applicant",
"key": "fail_applicant",
"type": "checkbox",
"customClass": "d-none",
"disabled": true,
"input": true,
"tableView": false,
"defaultValue": false,
"validate": {
"required": true
}
}
]
}
],
"key": "columns9",
"customConditional": "const residenceFields = [ \"beneficiary.data.address.data.address_locality\" ]\nshow = window.FormioHelper.checkResidences(data, residenceFields);",
"type": "columns",
"input": false,
"tableView": false
}
```
{% hint style="info" %}
Questa operazione consente di riutilizzare parti di modulo già predisposte, evitando di doverle ricreare da zero.\
In questo caso, il componente appena aggiunto viene sostituito con un componente columns che include un messaggio HTML di errore, visualizzato in caso di residenza non valida, e una checkbox configurata per impedire all’utente di proseguire.
{% endhint %}
Il cittadino che avrà inserito una residenza errata visualizzerà questo messaggio d'errore e non potrà proseguire la compilazione:
{% endstep %}
{% endstepper %}
## Verificare la provincia del richiedente
Per verificare l'indirizzo inserito da un utente in fase di richiesta, inserisci nel modulo un [nested form OC-Residenza](https://docs.opencityitalia.it/guida-alla-creazione-dei-servizi-digitali/creare-un-servizio/i-componenti/i-nested-form).
Successivamente, inserisci un campo Columns in cui inserire un [campo HTML ](https://docs.opencityitalia.it/guida-alla-creazione-dei-servizi-digitali/creare-un-servizio/i-componenti/lhtml)e un checkbox [obbligatorio](#obbligatorieta-dei-contenuti) e disabilitato.
Nella sezione "Contional" del campo Columns compila la voce "Advanced conditions" con il codice di controllo:
Qui trovi un codice di esempio per cui il richiedente viene bloccato quando la provincia inserita non è quella di Trento:
```
show =
data.sport_organization_address?.data.county?.length > 0 &&
data.sport_organization_address.data.county !== "TN"
```
## Verificare l'ISEE del richiedente
Per verificare il valore ISEE inserito da un utente in fase di richiesta, inserisci nel modulo [un nested form OC-ISEE](https://docs.opencityitalia.it/guida-alla-creazione-dei-servizi-digitali/creare-un-servizio/i-componenti/i-nested-form).
Successivamente, inserisci un campo Columns in cui inserire un [campo HTML](https://docs.opencityitalia.it/guida-alla-creazione-dei-servizi-digitali/creare-un-servizio/i-componenti/lhtml) e un checkbox [obbligatorio](#obbligatorieta-dei-contenuti) e disabilitato.
Una volta fatto, configura il codice json del componente Columns con il codice di controllo.
Qui trovi un codice di esempio per cui il richiedente viene bloccato quando l'importo ISEE inserito supera i 17.747,58
```
{
"label": "Columns",
"columns": [
{
"components": [
{
"label": "HTML",
"tag": "div",
"className": "alert alert-danger",
"attrs": [
{
"attr": "",
"value": ""
}
],
"content": "
.png?alt=media&token=b9845435-ccac-4e3b-8d90-80e57b913feb)
