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
Gestire undefined e partial nelle reactive forms di Angular
Implementare il throttling in ASP.NET Core
Usare le variabili per personalizzare gli stili CSS
Effettuare il pull di git LFS in un workflow di GitHub
Registrare servizi multipli tramite chiavi in ASP.NET Core 8
Creare form tipizzati con Angular
Ottenere il contenuto di una cartella FTP con la libreria FluentFTP
Sfruttare al massimo i topic space di Event Grid MQTT
Utilizzare ChatGPT con Azure OpenAI
Elencare le container images installate in un cluster di Kubernetes
Eseguire un metodo asincrono dopo il set di una proprietà in Blazor 8
Eseguire le GitHub Actions offline