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
Utilizzare i primary constructor in C#
Evitare il flickering dei componenti nel prerender di Blazor 8
Generare file per il download da Blazor WebAssembly
Disabilitare automaticamente un workflow di GitHub (parte 2)
Utilizzare le collection expression in C#
Specificare il versioning nel path degli URL in ASP.NET Web API
Evitare la command injection in un workflow di GitHub
Accesso sicuro ai secrets attraverso i file in Azure Container Apps
Eseguire query manipolando liste di tipi semplici con Entity Framework Core
Assegnare un valore di default a un parametro di una lambda in C#
Come migrare da una form non tipizzata a una form tipizzata in Angular
Utilizzare il trigger SQL con le Azure Function