HTML- HTML5 E-postvalidering

Formvalidering er avgjørende for å forhindre online skjemaer misbrukt av uautoriserte brukere. Upassende validering av skjemadata er en av hovedårsakene til sikkerhetsproblemet. Det utsetter nettstedet for overskrifter, cross-site scripting og SQL Booster-angrep. Mer spesifikt er e -postvalidering en prosedyre for å avgjøre om en bestemt e -postadresse er aktiv og tilgjengelig.

Dette innlegget vil forklare de forskjellige metodene for HTML5 e -postvalidering:

• Metode 1: E -postvalidering ved å definere mønsteret i inngangselementet
• Metode 2: E -postvalidering ved inndata “Type” som e -post

Metode 1: E -postvalidering ved å definere mønsteret i inngangselementet

For HTML5 -e -postvalidering, lag et skjema ved hjelp av “”Element og legg til et inngangselement og spesifiser inngangstypen som“e -post”, Og definere mønsteret på e -posten.

Trinn 1: Lag et skjema

For å utforme et skjema, bruk "”Element på HTML -siden.

Trinn 2: Sett inn etiketten

Neste, legg til “”Element for å definere etiketten i skjemaet. Deretter innebygde tekst mellom etikett -taggen som skal vises på websiden.

Trinn 3: Legg til inngangselement

Etter det, sett inn en “”Element for å lage et inngangsfelt og legge til følgende attributter i inngangselementet:

• “type”Attributt bestemmer inngangstypen i skjemaet. I dette scenariet er verdien av "type”Attributt er spesifisert som“e -post”, Som lar brukeren angi bare e -postdata i inndatafeltet.
• “mønster”Angir et vanlig uttrykk som“”Elements verdi er sjekket mot på skjemainnlevering.
• “stedholder”Tildeler et kort hint som beskriver den forventede verdien av et inngangsfelt eller tekstarea:

Legg til e -posten din

Som et resultat kan brukeren legge til e -post i inndatafeltet:

Imidlertid, hvis brukerne prøver å oppgi en ugyldig e -post, vil skjemaet ikke sende inn:

Metode 2: E -postvalidering ved inndata “Type” som e -post

Bruker kan også legge til e -posten ved å spesifisere inngangstypen som "e -post”, Som bare støtter dataene som består av e -postadresse:

Legg til e -posten din

Produksjon

Det handler om HTML5 e -postvalideringsmetoder.

Konklusjon

For HTML5 -e -postvalidering, først, designe et skjema som bruker "”Element og legg til en“”Element og spesifiser inngangen”type" som "e -post”, Og definere“mønster”Ved å spesifisere et bestemt mønster av e -posten. På den annen side kan ikke brukeren legge inn den andre typen data i det angitte feltet. Denne opplæringen demonstrerte HTML5 -e -postvalideringsmetodene.