Brukervennlig og nyttig datavalidering

• Kan 1, 2024

Datavalidering, kontroll av at brukerinput (vanligvis fra skjemaer) inneholder informasjonen du trenger og forventer i riktig format, er avgjørende for både kundeservice og sikkerhet. Det er også en vanlig, kanskje den vanligste bruken for JavaScript. Gjort godt, validering av data kan forbedre kundeopplevelsen og øke sikkerheten til bedriften din. Gjort dårlig kan datavalidering gjøre kundens liv vanskelig og la nettstedet ditt være åpent for angrep.

La oss begynne med å se på kundeopplevelsen. Se for deg at du fyller ut et skjema og gjør en feil eller glemmer å ta med noe av den nødvendige informasjonen. Noe som er mer nyttig for deg, en pop-up med en potensielt lang liste over feil, som denne:



Eller er det mer nyttig hvis sideoppsettet skifter for å forklare feilene og fremheve feltene som må endres, som dette:


JavaScript kan brukes til å gi en hvilken som helst type tilbakemelding, men den andre er tydeligvis mye mer kundevennlig.

Nå kan noen mennesker si, "Men vi validerer for sikkerhet. Enhver kundefordel er bare en bivirkning." Sikkerhet er en viktig grunn til å gjøre datavalidering, men datavalidering gjort i nettleseren er falsk sikkerhet. Du kontrollerer ikke nettleseren, og siden JavaScript kjører i nettleseren, kan en angriper omgå den JavaScript-baserte valideringen og sende hva de vil. En vanlig misforståelse er at hvis du bruker en POST-metode for å sende skjemadataene i brødteksten av meldingen til webserveren, i stedet for som en del av nettadressen, kan ikke folk endre innholdet i skjemafeltene. Det er sant at du, i motsetning til med GET, trenger å gjøre mer enn å redigere URL-en i nettleserens verktøylinje for å endre dataene fra et skjema sendt inn med POST-metoden; men det er fremdeles ganske enkelt å gjøre. Når jeg vurderer webapplikasjoner, bruker jeg et verktøy som heter WebScarab for å la meg enkelt endre innholdet i skjemafelt. Bildet nedenfor viser WebScarab-skjermen der du kan redigere innholdet i skjemafelt etter JavaScript-validering og før det sendes til serveren.


Validering av JavaScript er for feil som er gjort av ærlige mennesker - dine kunder - og for bruk i skriptene på siden. Du må også validere data som sendes til serveren din på serveren din.

referanser

WebScarab
Forklaring av GET- og POST-metoder for innsending av skjema fra W3 School

Video Instruksjoner: Hvordan lager man rullegardinmenyer i Excel? (Kan 2024).