Nello script #220 abbiamo visto come creare una template variable assegnandole il valore di una direttiva.
Nel caso specifico, abbiamo visto come abilitare il pulsante di submit della form solo se la form contiene campi validi. Questo tipo di User Experience non è sempre comoda, in quanto l'utente si trova un tasto disabilitato, senza capirne effettivamente il motivo. Oltre a questo, possiamo mostrare anche un messaggio di errore di validazione della form.
<form #frm="ngForm"> <!-- campi form --> <p *ngIf="!frm.valid">La form contiene errori</p> <button class="btn btn-primary" [disabled]="!frm.valid">Save</button> </form>
Questa soluzione migliora la User Experience, ma un messaggio generico di errore spesso non è sucfficiente a capire il problema. Nel prossimo script vedremo come generare messaggi di errore specifici per ciascuno dei campi della form.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Utilizzare le collection expression in C#
Creazione di componenti personalizzati in React.js con Tailwind CSS
Usare le collection expression per inizializzare una lista di oggetti in C#
Sostituire la GitHub Action di login su private registry
Utilizzare politiche di resiliency con Azure Container App
Determinare lo stato di un pod in Kubernetes
Paginare i risultati con QuickGrid in Blazor
Miglioramenti nell'accessibilità con Angular CDK
Utilizzare Model as a Service su Microsoft Azure
Cambiare la chiave di partizionamento di Azure Cosmos DB
Utilizzare la session affinity con Azure Container Apps
Sfruttare MQTT in cloud e in edge con Azure Event Grid