Brugervenlig og nyttig datavalidering

• April 29, 2024

Datavalidering, kontrol af, at brugerinput (normalt fra formularer) indeholder de oplysninger, du har brug for og forventer i det rigtige format, er afgørende for både kundeservice og sikkerhed. Det er også en almindelig, måske den mest almindelige brug til JavaScript. Gjort godt, datavalidering kan forbedre kundeoplevelsen og øge sikkerheden i din virksomhed. Udført dårligt kan datavalidering gøre din kundes liv vanskeligt og lade dit websted være åbent for angreb.

Lad os starte med at se på kundeoplevelsen. Forestil dig, at du udfylder en formular, og at du laver en fejl eller glemmer at medtage nogle af de krævede oplysninger. Hvilket er mere nyttigt for dig, en pop-up med en potentielt lang liste over fejl, som denne:



Eller er det mere nyttigt, hvis sidelayoutet skifter for at forklare fejlene og fremhæve de felter, der skal ændres, som dette:


JavaScript kan bruges til at give begge typer feedback, men den anden er klart meget mere kundevenlig.

Nu kan nogle mennesker sige, "Men vi validerer for sikkerheden, enhver kundeydelse er bare en bivirkning." Sikkerhed er en vigtig grund til at udføre datavalidering, men datavalidering, der udføres i browseren, er falsk sikkerhed. Du kontrollerer ikke browseren, og da JavaScript kører i browseren, kan en angriberen omgå din JavaScript-baserede validering og sende alt, hvad de ønsker. En almindelig misforståelse er, at hvis du bruger en POST-metode til at sende dine formulardata i brødteksten af ​​beskeden til webserveren, snarere end som en del af URL-adressen, kan folk ikke ændre indholdet af formularfelterne. Det er sandt, at du i modsætning til med GET behøver at gøre mere end at redigere URL'en i din browsers værktøjslinje for at ændre dataene fra en formular, der indsendes ved hjælp af POST-metoden; men det er stadig ret let at gøre. Når jeg reviderer webapplikationer, bruger jeg et værktøj, der hedder WebScarab, så jeg let kan ændre indholdet af formularfelter. Billedet herunder viser WebScarab-skærmen, hvor du kan redigere indholdet af formularfelter efter JavaScript-validering og før det sendes til serveren.


Så JavaScript-validering er for fejl, der er foretaget af ærlige mennesker - dine kunder - og til brug i scripts på siden. Du skal også validere alle data, der sendes til din server på din server.

Referencer

WebScarab
Forklaring af GET- og POST-metoder til indsendelse af form fra W3 School

Video Instruktioner: Really Good UX Examples - Design Tool Tuesday, Ep18 (April 2024).