Una delle funzioni più comuni in un sito è la validazione dei valori inseriti dall'utente e la segnalazione di eventuali errori. Bootstrap semplifica anche questo compito offrendo classi CSS che gestiscono i casi in cui il campo sia valido, contenga errori o contenga dei warning.
Le classi CSS da utilizzare sono has-success, has-warning e has-error che segnalano rispettivamente quando un campo è valido, contiene warnign e contiene errori. Queste classi non vanno applicate direttamente al campo, bensì al suo contenitore. Nel prossimo esempio possiamo vedere come utilizzare le classi.
<div class="form-group has-success"> <label class="control-label" for="firstName">Nome</label> <input class="form-control" id="firstName"> </div> <div class="form-group has-warning"> <label class="control-label" for="lastName">Cognome</label> <input class="form-control" id="lastName"> </div> <div class="form-group has-error"> <label class="control-label" for="birthDate">Data nascita</label> <input class="form-control" id="birthDate"> </div>
Applicando le suddette classi a runtime durante la fase di validazione, possiamo dare un feedback all'utente in maniera molto semplice.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Controllare la velocità di spostamento su una pagina HTML
Raggruppamento degli aggiornamenti di dipendenze tra directory in un monorepo con Dependabot
Esporre un server MCP esistente con Azure API Management
Response streaming con Blazor e .NET 10
Ottimizzare le API in ASP.NET con Feature Flags
Cache temporanea in Javascript con oggetti
Semplificare la gestione dei modelli con Azure AI Foundry Model Router
Creare espressioni riutilizzabili nelle query LINQ per Entity Framework
Realizzare un accordion con gli elementi HTML details e summary
Ospitare n8n su Azure App Service
Centralizzare e governare MCP server e Skill con Azure API Center
Logica Graceful Degradation in HTML e CSS


