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
Creare un agente A2Acon Azure Logic Apps
Ottimizzare la content-visibility in CSS specificando lo spazio da occupato dall'area non renderizzata
Semplificare la gestione dei modelli con Azure AI Foundry Model Router
Abilitare automaticamente il force push di un gruppo su Azure DevOps
Self-healing degli unit test con Copilot in GitHub
Escludere alcuni file da GitHub Copilot
Configurare automaticamente un webhook in Azure DevOps
Come automatizzare il download dei report di billing da GitHub Enterprise
Utilizzare i command service nei test con .NET Aspire
Impostare automaticamente l'altezza del font tramite CSS
Nuove validazioni Form Blazor
Definire il metodo di rilascio in .NET Aspire
I più letti di oggi
- WinJS in Windows Phone 8.1
- Creare immagini con torte e grafici in tempo reale
- Grazie a tutti per aver partecipato a #aspilive.Trovate già il materiale su https://aspit.co/ReBuild-20Ci saranno anche le registrazioni nei prossimi giorni.Non perdete i nostri prossimi eventi! https://aspitalia.com/eventi/
- Tutto per portarsi ASP.NET 4.0, Silverlight 4.0 e .NET Framework 4.0 sotto l'ombrellone
- Aggiornamento Silverlight 4 SDK April 2011 Update
- Microsoft Security Bulletin MS05-007
- Universal Windows Platform Bridge: iOS
- App fluide e responsive per Windows Phone e Windows Store




