Benutzerfreundliche und nützliche Datenvalidierung

• Kann 3, 2024

Die Datenüberprüfung, bei der überprüft wird, ob Benutzereingaben (normalerweise aus Formularen) die Informationen enthalten, die Sie im richtigen Format benötigen und erwarten, ist sowohl für den Kundenservice als auch für die Sicherheit von entscheidender Bedeutung. Es ist auch eine häufige, vielleicht die häufigste Verwendung für JavaScript. Gut gemacht, kann die Datenvalidierung das Kundenerlebnis verbessern und die Sicherheit Ihres Unternehmens erhöhen. Schlecht durchgeführt, kann die Datenvalidierung das Leben Ihrer Kunden erschweren und Ihre Website für Angriffe offen lassen.

Beginnen wir mit dem Kundenerlebnis. Stellen Sie sich vor, Sie füllen ein Formular aus und machen einen Fehler oder vergessen, einige der erforderlichen Informationen anzugeben. Was für Sie nützlicher ist, ein Popup mit einer möglicherweise langen Liste von Fehlern, wie dieses:



Oder ist es nützlicher, wenn sich das Seitenlayout ändert, um die Fehler zu erklären und die Felder hervorzuheben, die geändert werden müssen, wie folgt:


JavaScript kann verwendet werden, um beide Arten von Feedback bereitzustellen, aber das zweite ist eindeutig viel kundenfreundlicher.

Nun könnten einige Leute sagen: "Aber wir überprüfen die Sicherheit, jeder Kundennutzen ist nur ein Nebeneffekt." Sicherheit ist ein wichtiger Grund für die Datenüberprüfung, aber die im Browser durchgeführte Datenüberprüfung ist eine falsche Sicherheit. Sie steuern den Browser nicht und da JavaScript im Browser ausgeführt wird, kann ein Angreifer Ihre JavaScript-basierte Validierung umgehen und alles senden, was er möchte. Ein häufiges Missverständnis ist, dass Personen den Inhalt der Formularfelder nicht ändern können, wenn Sie eine POST-Methode verwenden, um Ihre Formulardaten im Nachrichtentext an den Webserver zu senden, anstatt als Teil der URL. Es ist wahr, dass Sie im Gegensatz zu GET mehr tun müssen, als die URL in der Symbolleiste Ihres Browsers zu bearbeiten, um die Daten aus einem Formular zu ändern, das mit der POST-Methode gesendet wurde. aber es ist immer noch recht einfach zu tun. Wenn ich Webanwendungen prüfe, verwende ich ein Tool namens WebScarab, mit dem ich den Inhalt von Formularfeldern einfach ändern kann. Das folgende Bild zeigt den WebScarab-Bildschirm, auf dem Sie den Inhalt von Formularfeldern nach der JavaScript-Validierung und vor dem Senden an den Server bearbeiten können.


Die JavaScript-Validierung ist also für Fehler gedacht, die von ehrlichen Personen - Ihren Kunden - gemacht wurden, und für die Verwendung in den Skripten auf der Seite. Sie müssen auch alle Daten überprüfen, die an Ihren Server auf Ihrem Server gesendet wurden.

Verweise

WebScarab
Erläuterung der GET- und POST-Methoden zur Einreichung von Formularen von der W3 School

Video-Anleitungen: Vektorgrafik vs Rastergrafik für Lasercutter (1/3) (Kann 2024).