Nello script #73 abbiamo visto come gestire le nuove funzionalità di validazione delle form in HTML5.
Una delle richieste più diffuse da parte degli sviluppatori è quella di poter personalizzare il messaggio di errore visualizzato, che è gestito direttamente dal browser. Questo è possibile attraverso JavaScript, invocando il metodo setCustomValidity.
Nell'esempio che segue viene fatto direttamente in linea, intercettando gli eventi oninvalid e onchange per andare ad impostare, rispettivamente, il messaggio da visualizzare e rimuoverlo in caso il campo fosse valido.
<form> <input name="FirstName" type="text" required="true" oninvalid="this.setCustomValidity('Questo campo deve essere riempito')" onchange="this.setCustomValidity('')" /> <input type="submit" /> </form>
Ecco il risultato su IE (a sinistrat) e Chrome (a destra):
Il supporto per questa funzionalità è disponibile con IE10+, Chrome, Safari, FireFox e Opera.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Eseguire un metodo asincrono dopo il set di una proprietà in Blazor 8
Utilizzare la libreria Benchmark.NET per misurare le performance
Utilizzare le collection expression in C#
Gestire domini wildcard in Azure Container Apps
Evitare la script injection nelle GitHub Actions
Disabilitare automaticamente un workflow di GitHub
Come EF 8 ha ottimizzato le query che usano il metodo Contains
Usare un KeyedService di default in ASP.NET Core 8
Cambiare la chiave di partizionamento di Azure Cosmos DB
Generare token per autenicarsi sulle API di GitHub
Mascherare l'output di un valore all'interno dei log di un workflow di GitHub
Creare un'applicazione React e configurare Tailwind CSS