ASP.NET MVC - Clientseitige Validierungen

Das Hauptziel, das wir beim Erstellen von Anwendungen verfolgen müssen, sollte sein: Benutzerfreundlichkeit, das heißt, dass die Anwendung dem Benutzer wirklich hilft, ihr Leben erleichtert und einfach zu bedienen ist, da wir damit garantieren, dass sie nicht vergessen wird.
Einer der Aspekte, die einen Unterschied machen können, sind die Validierungen, das liegt daran, dass wir bei der Eingabe vieler Daten eine klare Vorstellung davon haben müssen, wann die Ursache ausfällt, normalerweise werden sie behandelt zwei Validierungsstufen, die erste ist auf der Serverseite, d. h. wenn wir die von uns erhaltenen Daten validieren und sie passieren lassen oder nicht, und die zweite auf der Clientseite, validiert dies vor dem Senden der Daten.
Validierungen auf der Client-Seite
Die Bedeutung dieser Validierungen liegt in der Geschwindigkeit, mit der wir das Ergebnis desselben erhalten, zum Beispiel haben wir 10 Felder geladen, von denen jedoch 4 nicht korrekt sind, ohne eine Validierungsstufe im Client diese sie sollten zum Server gehen und dann die Antwort zurückgebenObwohl wir die Funktionalität einhalten, verlieren wir dem Nutzer ein paar wertvolle Sekunden, aber wenn wir ihn bitten, seine Daten vor dem Versenden der Informationen zu überprüfen, ersparen wir ihm das Versenden der gesamten Seite.
ÜberprüfenIn Bezug auf die Stabilität des Systems macht die doppelte Überprüfung der Daten unsere Datenstruktur robuster, da Daten oder falsche Datentypen wahrscheinlich nicht in unsere Modelle eingehen, was die Anzahl der fatalen Fehler aufgrund dieser Ursache in unserer App drastisch reduziert.
Integrieren Sie die Validierung auf der Client-Seite
Um eine Validierung durchzuführen, brauchen wir nicht wirklich viel, wir werden verwenden jQuery und dazu werden wir aus unserer Sicht zunächst die entsprechenden Skripte einbinden:

Sobald dies erledigt ist, müssen wir die Elemente erstellen, die wir validieren werden. In diesem Fall werden wir die Eingabefelder validieren, die wir entsprechend unserem Modell hinzufügen:

Was ist los?Mit der Verwendung von Skripten jQuery Wir geben unserem Formular neue Funktionen. Auf dem Bild sehen wir, dass wir das validiert haben TitelfeldWenn wir nachsehen, sehen wir einige neue Attribute im Eingabeelement, dies sind die Datenwert, Diese Attribute arbeiten in Verbindung mit der Validierungsbibliothek im Client und springen je nach Validierung, wenn das Formularsendeereignis ausgeführt wird. Wenn eine Validierung fehlschlägt, wird das Formular nicht gesendet, sodass der Benutzer das Formular nicht erneut sehen muss. Seite mit den markierten Fehlern.
Im Gegensatz zu anderen wird diese Validierung so durchgeführt, dass sie funktioniert, wenn wir die Skripte nicht in die Ansicht einschließen, nur dass es auf der Clientseite keine Validierung gibt.
Damit beenden wir das Tutorial, da wir sehen, dass es einschließlich dieser Art der Validierung sehr einfach ist, wenn wir die entsprechenden Bibliotheken verwenden, im Fall von ASP.NET ist es ratsam, zu verwenden jquery.validate.unobtrusive.js die von Microsoft entwickelt wurde, um deren Codequalitätsstandards zu erfüllen.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben