Javascript Sjekk for ulovlige tegn

Nettsteder bruker ofte Javascript-funksjoner for å validere brukerundersøkelser. Når brukere legge inn data i en webside form, nettstedet sender normalt disse dataene til webserveren. Snarere enn å sende ugyldige data, mange nettsteder benytter Javascript-funksjoner for å oppdage ugyldige inndata, som varsler brukeren om å korrigere det før data kan sendes. Javascript-funksjoner bruker regulære uttrykk for å sjekke brukerundersøkelser strenger til ulovlige tegn.

Hensikt

Når en nettside fanger brukerdata via et webskjema, innebærer dette data som sendes over nettet. Webskjemaer kan fange ulike typer brukerundersøkelser inkludert tekst. Denne teksten kan omfatte personlige detaljer som kontakt telefonnummer, webadresser og geografiske adresser. Siden Javascript kjører på klientsiden, i brukerens nettleser, kan en funksjon iterere gjennom brukerangitte data, sjekke det for gyldighet før du sender den til serveren. Hvis dataene er gyldige, kan Javascript-funksjonen instruere nettleseren til å gå videre og sende den. Hvis ikke, kan det sende ut en melding om at brukeren kan korrigere dataene før du sender den på nytt.

Regular Expressions

Regulære uttrykk tillater programmerere å definere sekvenser av tekst tegn, inkludert bokstaver, tall og symboler. Ved å definere tegnene du vurdere ulovlig for nettsiden din formål i et vanlig uttrykk, kan du lage en funksjon for å oppdage disse tegnene. Følgende eksempelkode demonstrerer en Javascript regulært uttrykk:
Var illegalCharacters = = / ^ [^ @ $] + $ /;

Dette regulære uttrykket indikerer -tegnet og dollartegn tegn. Utviklere trenger å definere de tegnene som er ulovlig i sine egne applikasjoner. Noen utviklere oppdage forskjellige tegn avhengig av input-feltet er involvert, for eksempel e-postadresser og postnumre.

Funksjon

Når en Javascript-funksjonen har et regulært uttrykk definert, kan det se brukerinngangstekststrenger for tegnene i den. Følgende eksempelkode demonstrerer:
// Gitt variable inputString
if (inputString.match (illegalCharacters)) alert ( "Ulovlig tegn som er angitt");

Denne koden vil jobbe der funksjonen har allerede lest teksten fra et inntastingsfelt. Koden kan også inkludere en "annet" -klausulen indikerer til leseren at skjemaet kan sendes inn. Dette er en vanlig teknikk, med webskjemaer ofte indikerer en server side script for å sende data når brukeren sender sine data.

Anrop

Webskjemaer kan indikere et skript for databehandling som en del av sin åpning tag markup. Følgende eksempelkode demonstrerer:
<Form name = "userDataForm" action = "process_data.php" onsubmit = "return checkFormData ()" method = "post">

Utbygger kan plassere valideringskoden inne i funksjonen som er angitt som "onsubmit" hendelse lytteren attributt. Når brukeren prøver å sende inn skjemaet, vil funksjonen utføre. Hvis funksjonen returnerer sant, betyr dette at dataene er gyldige og nettleseren vil sende den til serveren. Hvis den gir falsk inneholder data ulovlige tegn, og vil ikke bli sendt.