ASP.NET MVC - Convalide lato client

L'obiettivo principale che dobbiamo perseguire quando costruiamo applicazioni dovrebbe essere il usabilità, vale a dire che l'applicazione aiuta davvero l'utente, che gli semplifica la vita ed è semplice da usare, poiché con questo garantiamo che non verrà dimenticato.
Uno degli aspetti che possono fare la differenza sono i convalide, questo perché quando inseriamo molti dati abbiamo bisogno di avere un'idea chiara quando c'è un guasto della causa, normalmente vengono gestiti due livelli di convalida, il primo è sul lato server, cioè quando riceviamo i dati confermiamo che abbiamo ricevuto e lo lasciamo passare o meno e il secondo è sul lato client, questo sta convalidando prima di inviare i dati.
Convalide lato client
L'importanza di queste convalide è dovuta alla velocità con cui riceviamo il risultato delle stesse, ad esempio, abbiamo caricato 10 campi ma di questi 4 non sono corretti, senza una fase di convalida nel client questi dovrebbero andare al server e quindi restituire la rispostaSebbene rispettiamo la funzionalità, perdiamo all'utente alcuni secondi preziosi, ma se gli diciamo di verificare i suoi dati prima di inviare le informazioni, gli evitiamo di dover inviare l'intera pagina.
Doppio controlloPer quanto riguarda la stabilità del sistema, la doppia verifica dei dati rende la nostra struttura dati più robusta, poiché dati o tipi di dati errati probabilmente non entrano nei nostri modelli, riducendo drasticamente il numero di errori fatali dovuti a questa causa nella nostra app.
Includi la convalida sul lato client
Per fare una convalida non abbiamo davvero bisogno di molto, useremo jQuery e per questo, prima a nostro avviso includeremo gli script corrispondenti:

Fatto ciò, dobbiamo costruire gli elementi che convalideremo, in questo caso convalideremo i campi di input che aggiungeremo corrispondenti al nostro modello:

Cosa sta succedendo?Con l'uso di script jQuery Diamo nuove funzionalità al nostro modulo, nell'immagine vediamo che abbiamo convalidato il campo del titoloSe guardiamo vediamo alcuni nuovi attributi nell'elemento di input, questi sono i data-val, Questi attributi funzionano insieme alla libreria di convalida nel client e, a seconda della convalida, salteranno quando viene eseguito l'evento di invio del modulo, se una convalida fallisce, il modulo non viene inviato, risparmiando all'utente la necessità di visualizzare nuovamente il modulo. pagina con gli errori contrassegnati.
Il modo in cui questa convalida viene eseguita a differenza di altre è che se non includiamo gli script nella vista funzionerà comunque, solo non ci sarà alcuna convalida sul lato client.
Con questo finiamo il tutorial, come vediamo includere questo tipo di validazione è molto semplice se usiamo le librerie appropriate, nel caso di ASP.NET è consigliabile usare jquery.validate.unobtrusive.js che è stato sviluppato da Microsoft per soddisfare i propri standard di qualità del codice.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo