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
Migliorare l'organizzazione delle risorse con Azure Policy
Utilizzare WhenEach per processare i risultati di una lista di task
Definire stili a livello di libreria in Angular
Popolare una classe a partire dal testo, con Semantic Kernel e ASP.NET Core Web API
Eseguire query per recuperare il padre di un record che sfrutta il tipo HierarchyID in Entity Framework
Aprire una finestra di dialogo per selezionare una directory in WPF e .NET 8
Gestione degli stili CSS con le regole @layer
La gestione della riconnessione al server di Blazor in .NET 9
.NET Conference Italia 2024
Creare una libreria CSS universale: Clip-path
Anonimizzare i dati sensibili nei log di Azure Front Door
Generare un hash con SHA-3 in .NET